body.admin #results {
  margin-top: 1em;
}

body.admin #results .accounts th {
  background: #999;
  color: white;
  border-bottom: 1px solid #666;
  padding: 0 5px;
}

body.admin #results .accounts tr.odd td {
  background: #ddd;
  border-bottom: 1px solid #ccc;
}

body.admin #results .accounts td {
  padding: 2px 5px;
}


#app_header {
  position: relative;
  padding: 0px 30px;
  margin-bottom: 15px;
  z-index: 3;
  -webkit-box-shadow: #666 0 0 3px;
  box-shadow: #666 0 0 3px;
  zoom: 1;
}

#app_header > .background {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1a719c), to(#005782));
  background-image: -moz-linear-gradient(center top, #1a719c 0%, #005782 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a719c', endColorstr='#005782');
  position:absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

#app_header > .boundary {
  position: relative;
  max-width: 1200px;
  min-width: 800px;
  margin: 0 auto;
}

#app_header #upgrade_bar {
  font-size: 11px;
  line-height: 12px;
  padding: 9px 0px 0px;
  color: #fff;
}

#app_header #upgrade_bar * {
  color: #fff;
}

#app_header #inner_header_wrapper {
  padding: 12px 240px 12px 215px;
  position: relative;
  overflow: visible;
}

#app_header #app_logo {
  position: absolute;
  left: -6px;
  top: 5px;
  z-index: 1;
}

#app_header #page_actions {
  zoom: 1;
  margin: 0px -2px;
  position:relative;
}

#app_header #page_actions td.short {
  width: 1%;
  zoom: 1;
}

#app_header #page_actions td.long {
  width: 100%;
  zoom: 1;
}

#app_header #page_actions td.long {
  padding: 0px 12px;
}

/* Jump to a subject */

#search_wrapper {
  position: relative;
}

#search_wrapper input {
  opacity:0.9;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border: 1px solid #fff;
  width: 100%;
  padding:5px 10px 5px 22px;
  font-size:14px;
  background: #fff url(../../images/icon_search.png) no-repeat scroll 6px 8px;
}

body.ie.version_7 #search_wrapper input {
  width: 90%;
}

#search_wrapper label.overlabel {
  overflow: hidden;
  white-space: nowrap;
  width: 85%;
}

/* Settings, Sign out and Help */

#global_links {
  width: 350px;
  text-align: right;
  line-height: 45px;
  font-size: 10px;
  color: #56778b;
}

#global_links a {
  color: #fff;
  padding: 0;
  margin-left: 8px;
  text-decoration: none;
}

#global_links a:hover {
  background: #000;
}

#global_links a.image:hover {
  background: none;
}

#global_links a.current {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

#global_links a.current:hover {
  background: none;
}

#global_links a.help {
  color: #ffffff;
	background: #E07500;
  font-size: 9px;
  font-weight:bold;
	padding: 2px 3px 2px 4px;
	text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-transform: uppercase;
}

#global_links_container {
  position: absolute;
  right: 0px;
  top: 5px;
}

#global_links_container .menu_container {
  display: inline;
}

#global_links_container .menu_container a.name,
#global_links_container > a {
  padding-bottom: 2px;
  margin-left: 8px;
  color: #fff;
  font-size: 10px;
  text-decoration: none;
  white-space: nowrap;
  line-height: 46px;
}

#global_links_container .menu_container a.name span {
  font-size: 8px;
  opacity: 0.8;
}

#global_links_container .menu_container a.name:hover,
#global_links_container > a:hover {
  border-bottom: 1px solid #efefef;
}

#global_links_container .menu_container a.name:hover span {
  opacity: 0.9;
}

#global_links_container .menu_container div.balloon {
  right: 92px;
}

#global_links_container .menu_container div.center div.balloon_pointer {
  margin: 0 auto 0;
  width: 120px;
}

#global_links_container .menu_container div.balloon_close {
  display: none;
}

#global_links_container .menu_container div.balloon_content {
  padding-top: 7px;
}

#global_links_container .menu_container div.balloon_arrow_border {
  top: -1px;
}


img.avatar, span.avatar {
  border: 1px solid #ddd;
  margin: -1px;
}

a.avatar {
  text-decoration: none;
}

a.avatar:hover {
  background: none;
}


/*-------------------------------------------------
SHOW
-------------------------------------------------*/

body.background div.page_header span.other_indexes {
  width: 200px;
}



/* BALLOONS - BASIC STYLES
-----------------------------------*/

div.balloon {
  position: absolute;
  display: none;
  z-index: 3000;
}

.active_menu div.balloon {display: block;}
      
div.balloon_pointer {
  position: relative;
  top: -22px;
}

div.balloon_arrow,
div.balloon_arrow_border {
  font-size: 0px; line-height: 0%; width: 0px;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 12px;
  z-index: 1002;
  left: 50%;
  top: 0;
  position: absolute;
  margin: 0 auto;
  cursor: pointer; /* balloon arrows are clickable (judo to fix links under arrow that can't be clicked) */
}

div.left div.balloon_arrow,
div.left div.balloon_arrow_border {
  left: 0;
  margin-left: 30px;
}

div.right div.balloon_arrow,
div.right div.balloon_arrow_border {
  left: auto;
  right: 0;
  margin-right: 30px;
}

div.balloon_arrow_border {
  border-color: transparent transparent #ccc transparent;
  border-style: solid;
  border-width: 12px;
  z-index: 1001;
  top: -2px;
}

div.balloon_wrapper {
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 25px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #bbb;
  position: absolute;
}

div.balloon_content {padding: 0 15px 5px 15px;}

div.balloon_footer {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 1px solid #dae2e7;
  background-color: #ECF2F4;
  padding: 10px;
  font-size: 10px;
}

div.balloon_footer h5 {
  font-size: 10px;
  margin: 0;
}

div.balloon_footer h6 {
  font-size: 10px;
  color: #888;
  line-height: 1.2em;
  margin: 4px 0 0 0;
  font-weight: normal;
}

div.balloon_footer a {text-decoration: none;}

div.balloon_flash {
  color: #808080;
  background-color: #d1e7db;
  padding: 5px 15px;
  margin: 10px 0;
  font-size: 10px;
  border-top: 1px solid #c8dbd1;
  border-bottom: 1px solid #c8dbd1;
  line-height: normal;
}

div.balloon_flash strong {color: #222;}

div.balloon p {
  font-size: 10px !important;
  margin: 0 0 12px !important;
}

div.balloon a {font-weight: normal !important;}

div.balloon a.admin {
  border: none !important;
  text-decoration: underline !important;
}

div.balloon_menu_center {
  width: 0px;
  margin: 0 auto;
  overflow: visible;
}

/* BALLOON - GLOBAL LINKS
-----------------------------------*/

#balloon_global_links {
  margin: -7px auto 0 auto;
}

#balloon_global_links div.balloon_arrow,
#balloon_global_links div.balloon_arrow_border {
  left: 100px;
}

#balloon_global_links div.balloon_content {
  padding-left: 10px;
  padding-right: 10px;
}

/* Upgrade to add more cases/deals/people */

.balloon.upgrade_to_add_more {
  width: 504px;  
}

.balloon.upgrade_to_add_more .balloon_content {
  padding: 15px;
}

.balloon.upgrade_to_add_more h1 {
  font-size: 15px;
  line-height: 1;
  margin-bottom: 9px;
  color: #000;
}

.balloon.upgrade_to_add_more h2 {
  font-size: 15px;
  line-height: 1;
  margin-bottom: 9px;
  color: #900;
}

.balloon.upgrade_to_add_more p {
	font-size: 13px !important;
	line-height: 18px !important;
  margin: 0 !important;
}

#balloon_parties_upgrade.balloon.upgrade_to_add_more {
  width: 270px; 
}


/*-------------------------------------------------
BLANK SLATE
-------------------------------------------------*/

div.blank_slate {
  margin-top: 10px;
}

div.blank_slate h1 {
  margin: 0 0 3px 0;
  font-size: 18px;
  line-height: 1.3em;
  padding-top: 10px;
}

div.blank_slate h2 {
  font-weight: normal;
  font-size: 14px;
  color: #444;
  line-height: 1.4em;
  margin: 0px 0px 25px;
}

div.blank_slate img {
  border: 1px solid #ccc;
  margin-top: 5px;
}

div.blank_slate table {
  margin: 0 auto;
  max-width: 550px;
  width: auto;
}

div.blank_slate table td {
  padding: 5px 7px;
  text-align: center;
  width: 33%;
  max-width: 175px;
  vertical-align: top;
}

div.blank_slate table td img {
  margin-top: 0;
  max-width: 100%;
}

div.blank_slate table td h2 {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  line-height: 1.4em;
  margin: 0 0 3px 0;
}

div.blank_slate table td p {
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
  color: #777;
}

/*-------------------------------------------------
BLANK SLATE LAYOUT CONTAINER
-------------------------------------------------*/

#blank_slate {
  display: none;
  position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  -webkit-box-shadow: 0 0 3px #ccc;
  -moz-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  padding: 36px 0;
  height: 684px;
}

body.blank_slate #page { display: none; }
body.blank_slate #blank_slate { display: block; }

body.blank_slate.narrow_page_with_sidebar_outside #page_sidebar {
  display: none;
}

/*-------------------------------------------------
BLANK SLATE LAYOUT
-------------------------------------------------*/

.blank_slate_layout {
  max-width: 660px;
  position: relative;
  margin: 0 auto;
}

.blank_slate_layout > .graphic {
  position: absolute;
  left: 0;
  right: 480px;
  background-repeat: no-repeat;
  background-position: top right;
  height: 150px;
}

.blank_slate_layout > .content {
  margin: 0 0 0 auto;
  width: 450px;
  padding: 18px;
}

.blank_slate_layout > .content > h1 {
  font-size: 18px;
  line-height: 1;
  padding: 0px 0px 9px;
}

.blank_slate_layout > .content > p {
  color: #444;
  font-size: 15px;
  line-height: 21px;
  margin: 0px 0px 15px;
}

.blank_slate_layout > .content > .controls {
  font-size: 13px;
  line-height: 30px;
  margin: 0px -2px;
}

.blank_slate_layout > .content > .controls span.button a {
  font-size: 13px;
}

.blank_slate_layout > .content > .controls span.button a span {
  padding-top: 1px;
  padding-bottom: 1px;
}

.blank_slate_layout > .content > .controls div.balloon_content p {
  line-height: 14px;
}


.calendar_date_select {
  background-color: white;
  color: #777;
  display: block;
  width: 196px;
}

.calendar_date_select .weekdays th {
  text-align: center;
  font-weight: normal;
  background-color: #fff;
  height: 20px;
  color: #999;
}

.calendar_date_select .buttons {
  display: none;
}

.calendar_date_select table {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0;
  border-padding: 0;
}

.calendar_date_select .header {
  background-color: #fff;
  text-align: center;
	font-weight: bold;
	padding: 3px;
}

.calendar_date_select .body {
  background-color: #fff;
  padding: 0 0 5px 0;
}

.calendar_date_select .footer {
  background-color: #fff;
  color: #000;
	font-weight: bold;
  padding: 3px 0;
  text-align: center;
  width: 95%;
	font-size: 12px;
}


.calendar_date_select .header .title {
  color: black;
}

.calendar_date_select .header .pager select {
  font-size: 14px;
  margin: 0 5px;
}

.calendar_date_select .header .pager a img {
  width: 14px;
  height: 8px;
  vertical-align: middle;
}

.calendar_date_select .header .pager a,
.calendar_date_select .header .pager a img {
  padding: 8px !important;
}

.calendar_date_select .header .pager a:hover {
  background-color: #e0e8f6;
}

.calendar_date_select .header .pager a:active {
  background: #fff;
}

.calendar_date_select td,
.calendar_date_select th {
  margin: 0;
  padding: 0;
  line-height: 16px;
  font-size: 11px;
}

.calendar_date_select td a {
  display: block;
	padding: 2px 1px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  font-size: 11px;
  color: #333;
}

.calendar_date_select .days td.other {
  background-color: #fff;
}

.calendar_date_select td.other a {
  color: #aaa;
}

.calendar_date_select .days td {
  border-bottom: 2px solid #fff;
  background: #e0e8f6;
}

.calendar_date_select td a:hover {
  background-color: #dcdcdc;
}

.calendar_date_select td.today a {
  background-color: #ffe18f;
	color: #000;
}

.calendar_date_select td a:hover,
.calendar_date_select td.today a:hover {
  background-color: #c6d6ee;
}

.new_task .calendar_date_select td a:active,
.new_task .calendar_date_select td.today a:active {
  background-color: #e0e8f6;
}

.calendar_date_select td.selected a,
.calendar_date_select td.selected a:hover {
  background-color: #000;
  color: #fff;
}

.calendar_date_select td.selected a:active {
  background-color: #333;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.categories div.submit {
  border: none !important;
  font-size: 13px !important;
}

body.categories div.message {
  margin: 0 !important;
}

body.categories div.message p {
  font-size: 13px;
  line-height: 140%;
  margin: 0 0 20px 0;
}

body.categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.categories ul.categories {
	margin: 0 0 25px 0;
}

body.categories ul.categories li.category {
	line-height: 1.4em;
}

body.categories ul.categories li.category div.category_name {
  float: left; 
  margin-top: 5px;
  font-size: 14px;
  padding: 0 0 3px;
}

body.categories ul.categories li.category div {
  vertical-align: top;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
}

body.categories ul.categories li.category div.show,
body.categories ul.categories li.category div.edit, 
body.categories ul.categories li.category div.new {
  padding: 4px 5px 4px 10px;   
}

body.categories div.new {
 background: #efefef; 
 padding: 7px 10px 10px 10px;
 margin-bottom: 12px;
 line-height: 1.6;
 font-weight: normal;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 border: 1px solid #dedede;
}

body.categories div.new h5 {
  margin: 0;
}

body.categories div.new form>div {
  width: 0;
}

body.categories div.new input {
  vertical-align: middle;
  padding: 2px;
  font-size: 14px;
}

body.categories ul.categories li.category div.edit {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #f5f5f5; 
  padding: 7px 0 0 10px;
}

body.categories ul.categories li.category div.show {
	font-weight: bold;
	border-bottom: 1px solid rgb(239,239,239);
  padding-left: 12px;
}

body.categories ul.categories li.category div.show form div {
  float: left;
}

body.categories ul.categories li.category div.edit div.category_name {
  margin-top: 0;
  padding: 0;  
}

body.categories ul.categories li.category div.edit div.category_name input {
  font-size: 14px;
}

body.categories ul.categories li.category ul.controls {
  float: right;
  display: inline;
  color: #666;
  text-align: right;
  white-space: nowrap;
  margin-top: 3px;
  vertical-align: middle;
}

body.categories ul.categories li.category ul.controls li {
	font-size: 11px;
	font-weight: normal;	
	display: inline-block;
  vertical-align: middle;
  color: #666;
  border: none;
}

body.categories ul.categories li.category ul.controls li img {
  vertical-align: middle;
}

body.categories ul.categories li.category ul.controls li a {
  color: #666;
}

body.categories ul.categories li.category ul.controls li a:hover {
  color: #FFF;
  background-color: #666;
}

body.categories ul.categories li.category ul.controls li.delete {
  min-width: 10px;
}

body.categories ul.categories li.category ul.controls li.delete a:hover {
  background: none;
}

body.categories ul.categories li.category ul.controls.busy {
  width: 28px;
  overflow: hidden;
}

body.categories ul.categories li.category ul.controls.busy li {
  visibility: hidden;
}


/*-------------------------------------------------
EDIT
-------------------------------------------------*/

body.categories ul.categories li.category div.edit span.busy {
  background-position: center right;
}

body.categories input.name {
  width: 160px;
  font-size: 12px;
  font-weight: bold;
}

body.categories ul.categories li.category div.edit {
  background: #f0f0f0;
  font-size: 11px;
  display: none;
  padding: 3px 0 5px 11px;
}

body.categories ul.categories li.editing div.edit {
  display: block;
}

body.categories ul.categories li.editing div.show {
  display: none;
}

body.categories ul.categories li.category span.submit {
  font-size: 11px;
  color: #999;
  margin-left: 3px;
}

body.categories ul.categories li.category span.color_swatch {
  width: 50px;
  height: 18px;
  border: 1px solid rgb(204,204,204);
  display: inline-block;
  vertical-align: middle; 
  margin-right: 1px;   
}

body.categories ul.categories li.editing div.edit span.submit {
  font-weight: normal;
  float: right;
  vertical-align: middle;
  display: inline;
  margin-right: 10px; 
  margin-top: 2px; 
  color: #666;
}

body.categories ul.categories li.category div.edit_swatch {
  display: inline;
  float: left;
  margin-right: 7px;
  position: relative;
}

body.categories ul.categories li.category div.edit div.edit_swatch {
  margin-right: 3px;
}

body.categories ul.categories li.category div.edit div.edit_swatch,
body.categories ul.categories li.category div.edit_swatch.active_menu,
body.categories ul.categories li.category div.edit_swatch {    
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;  
  margin-left: -5px;   
}

body.categories ul.categories li.category div.edit_swatch a {
  display: block;
  padding: 3px 0 4px;
  padding: 3px 24px 4px 0;
}

body.categories ul.categories li.category div.edit_swatch img {
  display: none;
}

body.categories ul.categories li.category div.edit div.edit_swatch img,
body.categories ul.categories li.category div.edit_swatch.active_menu img,
body.categories ul.categories li.category div.edit_swatch img {
  display: inline;
}

body.categories ul.categories li.category div.edit div.edit_swatch a,
body.categories ul.categories li.category div.edit_swatch.active_menu a,
body.categories ul.categories li.category div.edit_swatch a {
  text-decoration: none;
  border: 1px solid #999;
  padding: 2px 6px 2px 8px;
  background: #efefef;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #fff), color-stop(1, #efefef)); /* webkit */
  background: -moz-linear-gradient(center top, #fff 30%, #efefef 100% ); /* firefox 3.6+ */
}

body.categories ul.categories li.category ul.picker {
  padding: 10px 0 12px 9px !important;
  width: 189px;
  margin: -1px 0 0 0 !important;
  position: absolute;
  /* /swatches_picker_bg.png*/
  background: url(../../images/highrise_sprites.png) no-repeat -402px -574px;
  z-index: 99;
}

body.categories ul.categories li.category span.color_swatch {
  margin: 0;
  cursor: hand;
}

body.categories ul.categories li.category ul.picker li {
  float: left;
  margin: 0 8px 8px 0;
  width: auto;
  padding: 0;
}

body.categories ul.categories li.category ul.picker li a,
body.categories ul.categories li.category ul.picker a:hover {
  padding: 0 !important;
  border: none !important;
  margin: 0 !important;
}

body.categories ul.categories li.category ul.picker li.selected {
  margin: -1px 7px 7px -1px !important;
  border: 1px solid #333;
}

body.categories ul.categories li.category div.active_menu {
  border: none !important;
  /* /swatches_picker_bg.png*/
  background: url(../../images/highrise_sprites.png) no-repeat -508px -574px !important;
  margin-bottom: 1px;
  margin-right: 0;
  padding-right: 8px;
}

body.categories ul.categories li.category:after,
body.categories ul.categories li.category div:after,
ul.picker:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;  
    visibility: hidden;
}

body.categories ul.categories li.category,
body.categories ul.categories li.category div,
ul.picker {
  display: inline-block;
}

body.categories ul.categories li.category,
body.categories ul.categories li.category div, 
ul.picker {
  display: block;
}

body.categories ul.categories li.category :focus {
	outline:0;
}


div#manage_contacts_in_collection div.results {
  background: #fff;
  padding: 0;
}

div#manage_contacts_in_collection div.results div.results_box {
  border: 1px solid #999;
}

div#manage_contacts_in_collection div.results div.results_inner_box {
  border: 3px solid #ffc;
}

div#manage_contacts_in_collection div.results div.instruction {
  background: #ffc;
  font-size: 11px;
  padding: 3px 3px 6px 3px;
}

div#manage_contacts_in_collection div.results ul {
  margin: 0; padding: 0; list-style: none;
}

div#manage_contacts_in_collection div.results li {
  font-size: 12px;
  margin-bottom: 0;
  padding: 0;
}

div#manage_contacts_in_collection div.results li a {
  display: block;
  padding: 7px;
}

div#manage_contacts_in_collection div.results li a:hover,
div#manage_contacts_in_collection div.results li.highlighted a,
div#manage_contacts_in_collection div.results li.highlighted a:hover {
  background: #03b;
  color: #fff;
  text-decoration: none;
}

div#manage_contacts_in_collection div.results li.selected a,
div#manage_contacts_in_collection div.results li.selected a:hover {
  background: #03b;
  color: #fff;
  text-decoration: none;
}

div#manage_contacts_in_collection div.results div.no_matches {
  background: #ffc;
  padding: 5px 10px 10px 10px;
  font-weight: normal;
}

div#manage_contacts_in_collection div.results div.no_matches p {
  font-weight: normal;
  margin: 0 0 5px 0;
}

div#manage_contacts_in_collection div.search {
  margin: 5px 0 0 0;
}

div#manage_contacts_in_collection div.field input {
  width: auto;
}

div#manage_contacts_in_collection div.search p.search_header {
  margin: 0 0 3px 0;
}

div#manage_contacts_in_collection p.contacts_header {
  margin: 15px 0 0 0;
}


body.recording div.recordings {
  margin-top: 5px;
  border-bottom: none;
}

.recording h2.comments_header {
  border-bottom: 1px solid #e6e6e6;
  color: #222;
  font-size: 11px;
  margin: 30px 0px 0px;
  overflow: hidden;
  padding-bottom: 5px;
}

div.recordings div.edit_comment div.extras {
  padding: 10px 0 0 0;
}

div.recordings div.edit_comment div.extra {
  border-left: 5px solid #eee;
  padding: 0px 15px;
}

div.recordings div.edit_comment div.extra h2 {
  font-size: 11px;
  margin: 0px 0px 5px;
}

.recording div.recordings div.recording div.header_link {
  padding-left: 2px;
}

.recording div.recordings div.recording div.header_link strong {
  font-size: 12px;
}

body.recording div.written_recording.comment div.body p {
  font-size: 12px;
  line-height: 1.5em;
  color: #444;
}

/*-------------------------------------------------
EDIT LINKS
-------------------------------------------------*/

div.comment div.edit_links img {
  padding-top: 0;
  vertical-align: middle;
}

div.comment div.edit_links.busy {
  background-position: center right;
}

/*-------------------------------------------------
NEW COMMENT
-------------------------------------------------*/

#new_comment {
  font: 12px/1 "Lucida Grande", verdana, sans-serif;
  margin: 0;
  border-top: 1px solid #E6E6E6;
}

#new_comment > .liner {
  padding-top: 15px;
  margin-left: 63px;
}

#new_comment h1,
#new_comment h2 {
  font-size:11px;
  color: #222;
  margin:0;
}

#new_comment h1 {
  padding-bottom:8px;
}

#new_comment textarea {
  font-size: 13px;
  width: 100%;
  height: 100px;
}

#new_comment input {
  font-size:12px;
  margin:0px;
}

#new_comment div.basics,
#new_comment div.extras {
  padding:10px 0;
}

#new_comment div.basics {
  margin: 5px 0 8px 0;
  font-size: 11px;
}

#new_comment div.basics a:link,
#new_comment div.basics a:visited {
  color: #444;
}

#new_comment div.basics a:hover {
  color: #000;
}

#new_comment div.extra h2 {
  font-size: 12px;
  margin: 0 0 5px 0;
}

#new_comment div.extra.files {
  border-left:5px solid #eee;
  padding: 0px 15px 0 15px;
}

#new_comment table {
  margin:0px;
}

#new_comment td.parties {
  padding-left: 10px;
}

#new_comment td.parties p {
  color: #999;
  text-align: left;
  font-weight: normal;
  margin:0px;
}

#new_comment div.avatar {
  display: block;
  float: left;
  width: 48px;
}

#new_comment div.avatar img.avatar {
  height: 48px;
  width: 48px;
  margin-top: 15px;
}

#new_comment div.avatar span.avatar {
  border: none;
  background: url(../../images/highrise_sprites.png) no-repeat scroll -112px -56px;
  padding-top: 48px;
  width: 48px;
  margin-top: 15px;
}


#completed_operations {
  position:relative;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -25px;
  margin-bottom: 0px;
  overflow:hidden;
}

#completed_operations           { height: 0px; }
#completed_operations.activated { height: auto; }

#completed_operations > .content {
  position: relative;
  padding-top: 3px;
  margin: 0px;
}

#completed_operations > .content.fixed_at_bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

#completed_operations > .content.fixed_at_top {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}

#completed_operations .subject_operation {
  position: relative;
  background: #ffc;
  border: 1px solid #eee;
  margin-top: 12px;
  padding: 11px 14px 11px;
}

#completed_operations .subject_operation.expired {
  opacity: 0.5;
}

#completed_operations .subject_operation .message {
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  margin-right: 72px;
}

#completed_operations .subject_operation .message .link_to_subject {
  white-space: nowrap;
}

#completed_operations .subject_operation .message p {
  font-size: 11px;
  line-height: 15px;
  margin: 0px;
  font-weight: normal;
}

#completed_operations .subject_operation .message a.tag {
  font-size: inherit;
  white-space: nowrap;
}

#completed_operations .subject_operation .controls {
  font-size: 11px;
  line-height: 18px;
  position: absolute;
  right: 14px;
  top: 11px;
}

#completed_operations .subject_operation.expired .controls {
  display: none;
}

#completed_operations .subject_operation .link_to_hide {
  text-decoration: underline;
  cursor: pointer;
  opacity: 0.4;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.contact_dates div.page_header h1 {
  color: black;
  font-size: 14px;
  font-weight: bold;
}

div.new_contact_date_wrapper,
div.edit_contact_date_wrapper {
  margin: 5px 0 10px 0;
  background: #f2f2f2;
  padding: 3px 12px;
  font-size: 11px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

body.contact_dates div#link_to_add_contact_date {
  margin: 0;
  padding-top: 10px;
  font-size: 12px;
  border-top: 1px solid #e9e9e9;
}

body.contact_dates div.contact_date {
  border-top: 1px solid #e9e9e9;
}

body.contact_dates div.contact_date p {
  font-size: 12px;
  padding: 5px 0;
  margin: 0;
}

body.contact_dates div.contact_date span.edit_links {
  float: right;
  text-align: right;
  width: 100px;
  font-size: 11px;
}

body.contact_dates div.contact_date span.edit_links span.sprite {
  vertical-align: middle;
  margin-top: -2px;
}

.Right div.contact_date p {
  margin: 0;
}

/*-------------------------------------------------
NEW
-------------------------------------------------*/

div.contact_date_form {
  margin: 0;
}

div.contact_date_form h2 {
  margin: 0 0 10px 0;
}

div.contact_date_form th {
  font-weight: normal;
  font-size: 12px;
  vertical-align: top;
  padding-top: 2px;
}

div.contact_date_form td {
  font-size: 11px;
  vertical-align: top;
  padding: 0 0 5px 3px;
}

div.contact_date_form tr.custom_description input {
  font-size: 12px;
  width: 95%;
}

div.contact_date_form p.submit {
  padding-top: 10px;
  font-size: 11px;
}

div.new_contact_date_wrapper div.inner,
div.edit_contact_date_wrapper div.inner {
  background: #fff;
  margin: 8px 0;
  padding: 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
}

div.contact_date_form p {
  font-size: 12px;
}

div.contact_date_form div.inner select {
  margin-right: 5px;
}

div.contact_date_form div.inner input {
  margin: 3px 0.5ex;
}

div.contact_date_form p.submit {
  margin: 0;
}

/*-------------------------------------------------
_INDEX
-------------------------------------------------*/

body.subject div.contact_dates span.edit_dates {
  float: right;
  width: 100px;
  padding-right: 3px;
  text-align: right;
}

body.subject div.contact_dates span.add_dates, body.recording div.contact_dates span.add_dates {
  font-size: 11px;
  color: #999;
}

body.subject div.contact_dates p {
  margin: 0 0 3px 0;
}


body.import_contacts.former_sheet .Left .innercol,
body.export_contacts.former_sheet .Left .innercol {
  width: 70%;
}

body.import_contacts.former_sheet p.intro,
body.export_contacts.former_sheet p.intro {
  margin-bottom: 25px;
  margin-top: 0;
  font-size: 14px;
}

body.import_contacts div.import_option,
body.export_contacts div.import_option {
	margin-bottom: 15px;
}

body.export_contacts div.import_option.callout {
  background-color: #f7f7f7;
  padding: 10px 10px 12px 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 20px 0 0 0;
}

body.import_contacts div.import_option h1,
body.export_contacts div.import_option h1 {
	font-size: 14px;
}

body.import_contacts div.import_option p,
body.export_contacts div.import_option p {
	margin: 2px 0 0 0;
	color: #777;
	font-size: 11px;
}

body.export_contacts div.import_option.callout p {
  margin: 0;
}

td.missing {
  background: red;
}

div#import_generic_csv_excel_warning {
  background-color: #ffc;
  padding: 10px;
  border: 1px solid #fc9;
}

div#import_generic_csv_excel_warning h1 {
  font-size: 14px;
  margin: 0 0 5px 0;
}

div#import_generic_csv_excel_warning p {
  margin: 0 0 15px 0;
}

body.import_contacts.former_sheet div.edit_section {
  margin-left: 0;
}

body.import_contacts.former_sheet div.edit p.submit {
  border-top: 2px solid #d6d6d6;
}

/*-------------------------------------------------
IMPORT FROM YOUR BASECAMP ACCOUNT
-------------------------------------------------*/

div#import_basecamp_dialog div.form_section h2 {
  margin: 0 0 3px 0;
  font-size: 14px;
}

div#import_basecamp_dialog table th,
div#import_basecamp_dialog table td {
  font-size: 13px;
}

div#import_basecamp_dialog table td {
  width: 100%;
}

div#import_basecamp_dialog table th {
  text-align: left;
  font-weight: normal;
  white-space: nowrap;
  width: auto;
  padding-right: 5px;
}

div#import_basecamp_dialog table input {
  width: 240px;
}

/*-------------------------------------------------
IMPORT MAPPING
-------------------------------------------------*/

body.import_mapping h4 {
  margin: 0;
}

body.import_mapping div.tip_box h4 {
  color: #900;
}

body.import_mapping div.submit {
  border-top: 2px solid #999;
  margin: 30px 0px 0px;
  padding: 10px 0px 0px;
}

body.import_mapping div.ignore_first_row {
  margin-top: 15px;
}

body.import_mapping div.ignore_first_row p {
  margin: 0;
}

body.import_mapping div.ignore_first_row input {
  float: left;
  padding: 0;
  margin: 5px 0 0 0;
}

body.import_mapping div.ignore_first_row div.details {
  margin-left: 20px;
}

body.import_mapping div.ignore_first_row small {
  display: block;
  margin-top: 3px;
  line-height: 1.4em;
  color: #555;
}

table.mapping {
	width: 100%;
	font-size: 11px;
}

table.mapping th {
	padding: 5px 5px 5px 10px;
	background-color: #efefef;
	border-bottom: 1px solid #dcdcdc;
}

table.mapping th span {
	float: right;
	font-weight: normal;
	padding-right: 5px;
}

table.mapping td {
	border-bottom: 1px solid #ededed;
	padding: 5px 5px 5px 10px;
}

table.mapping td.missing {
	background-color: #ffc;
}


body.custom_fields #page_main_column .liner {
  padding: 0;
}

body.custom_fields.narrow_page_with_sidebar_outside #page_contents_wrapper {
  padding: 0;
}

body.custom_fields #page_header {
  margin-bottom: 0;
}

body.custom_fields .page_header {
  padding: 15px 18px 12px;
}

body.custom_fields .page_header h1 {
  font-weight: bold;
}

body.custom_fields .intro {
  font-size: 13px;
  line-height: 18px;
  padding: 15px 18px 0px;
  max-width: 630px;
}

body.custom_fields .intro p {
  margin: 0px 0px 15px 0px;
}

/* Field definition activity on custom fields page */

.field_definition_activity {
  background: white;
  position: relative;
  padding: 0px 18px 12px;
  font-size: 13px;
}

.field_definition_activity .inputs {
  margin-top: 3px;
}

.field_reading_activity .error,
.field_definition_activity .error {
  color: #C00;
  font-weight: bold;
  font-size: 11px;
  margin: 0;
}

.field_definition_activity .text_input {
  font-size: 15px;
  height: 18px;
  font-weight: bold;
  padding: 2px;
  margin: 0px -5px;
  vertical-align: middle;
  width: 50%;
  font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;
}

.field_definition_activity .commit_button {
  margin-left: 6px;
  vertical-align: middle;
  font-size: 13px;
  padding: 1px 3px;
  overflow: visible;
}

.field_definition_activity .network_indicator {
  margin-left: 1px;
  display: none;
  vertical-align: middle;
}

.networking.field_definition_activity .network_indicator {
  display: inline;
}

/* List of subject fields on custom fields page */

.custom_field_list {
  border-top: 1px solid #e6e6e6;
  background: white;
  min-height: 270px;
  padding-bottom: 72px;
  zoom: 1;
  margin: 0;
}

.custom_field_list > .subject_field {
  font-size: 15px;
  line-height: 18px;
  border-bottom: 1px solid #e6e6e6;
  background: white;
  overflow: hidden;
}

.custom_field_list > .subject_field > .content {
  position: relative;
  padding: 15px 18px 14px;
}

.custom_field_list > .removing.subject_field > .content {
  visibility: hidden;
}

.custom_field_list > .highlighted.subject_field {
  background-color: #ffc;
}

.custom_field_list > .expired.subject_field .field_reading_activity {
  color: #bbb;
}

.custom_field_list > .expired.subject_field .field_deletion_activity {
  color: #bbb;
}

.custom_field_list > .expired.subject_field .field_deletion_activity .controls {
  height: 18px;
}

.custom_field_list > .expired.subject_field .field_deletion_activity .controls .alt {
  display: none;
}

.custom_field_list > .expired.subject_field .link_to.rename {
  text-decoration: none;
  color: #bbb;
}

.custom_field_list > .expired.subject_field .usage {
  color: #bbb;
}

.custom_field_list >  .reading.subject_field .field_reading_activity  { display: block; }
.custom_field_list > .renaming.subject_field .field_reading_activity  { display: none;  }

.custom_field_list >  .reading.subject_field .field_renaming_activity { display: none;  }
.custom_field_list > .renaming.subject_field .field_renaming_activity { display: block; }

.custom_field_list > .subject_field .field_renaming_activity {
  height: 18px;
}

.custom_field_list > .subject_field .label {
  font-weight:bold;
}

.custom_field_list > .subject_field .usage {
  position: absolute;
  font-size: 11px;
  margin-left: 9px;
  color: #777;
  position: absolute;
  right: 105px;
  top: 15px;
}

.custom_field_list > .subject_field .zero.usage {
  color: #bbb;
}

.custom_field_list > .subject_field .link_to.rename {
  text-decoration: underline;
  cursor: pointer;
  color: #777;
}

.custom_field_list > .deleting.subject_field .link_to.rename {
  text-decoration: none;
  cursor: default;
}

.custom_field_list > .renaming.subject_field .link_to.rename {
  background-color: #777;
  color: #fff;
  padding: 1px 2px;
  margin: 0px -2px;
  text-decoration: none;
}

.custom_field_list > .subject_field .activity_controls {
  position: absolute;
  right: 12px;
  top: 15px;
  font-size: 11px;
  padding-right: 30px;
}

.custom_field_list > .subject_field .activity_controls .remove_button {
  position: absolute;
  right: 0px;
  top: 1px;
}

.custom_field_list > .subject_field .text_input {
  font-size: 15px;
  font-weight: bold;
  padding: 2px;
  margin: -4px 0px -4px -5px;
  width: 50%;
  font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;
}

body.gecko .custom_field_list > .subject_field .text_input {
  margin: -3px 0px -3px -4px;
}

body.gecko.mac .custom_field_list > .subject_field .text_input {
  padding: 1px 0px;
  margin: -5px 0px -5px -4px;
}

.custom_field_list > .subject_field .network_indicator {
  position: absolute;
  left: 50%;
  margin-left: 9px;
  top: 21px;
  display: none;
}

.custom_field_list > .subject_field.networking .network_indicator {
  display: block;
}

.custom_field_list .field_deletion_activity {
  font-size: 11px;
}

.custom_field_list .field_deletion_activity > .question {
  padding: 6px 0px 3px;
}

.custom_field_list .field_deletion_activity .controls > * {
  vertical-align: middle;
}

.custom_field_list .field_deletion_activity .commit_button {
  padding: 1px 3px;
  margin: 0px -1px;
  overflow: visible;
}

body.webkit.mac .custom_field_list .field_deletion_activity .alt {
  margin-left: 2px;
}

.custom_field_list .field_deletion_activity .link_to.stop {
  text-decoration: underline;
  cursor: pointer;
}

.custom_field_list .remove_button {
  display:inline-block;
  width: 16px;
  height: 16px;
  background: top left url(../../images/circular_x_16_black_and_red.png);
  opacity: 0.1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE 8 */
  filter: alpha(opacity=10); /* IE 7 */
}

.custom_field_list .remove_button:active,
.custom_field_list .remove_button.activated {
  opacity: 0.25;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* IE 8 */
  filter: alpha(opacity=25); /* IE 7 */
}

.custom_field_list .remove_button.toggled {
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
  filter: alpha(opacity=100); /* IE 7 */
  background-position: top right;
}


/*=== SHOW =================================================*/

body.deal .deal_buttons .status {
  display: block;
  position: relative;
  width: 299px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: -72px -440px;
}

body.deal .deal_buttons .status a {
  display: block;
  position: absolute;
  top: 0px;
  width: 101px;
  height: 30px;
  cursor: pointer;
}

body.deal .deal_buttons .status a.pending {
  left: 0px;
}

body.deal .deal_buttons .status a.won {
  left: 100px;
  width: 98px;
}

body.deal .deal_buttons .status a.lost {
  right: 0px;
}

body.deal .deal_buttons .pending.status {
  background-position: -72px -440px;
}

body.deal .deal_buttons .pending.status a.pending {
  display: none;
}

body.deal .deal_buttons .lost.status {
  background-position: -72px -476px;
}

body.deal .deal_buttons .lost.status a.lost {
  display: none;
}

body.deal .deal_buttons .won.status {
  background-position: -72px -512px;
}

body.deal .deal_buttons .won.status a.won {
  display: none;
}

body.deal .deal_buttons .status .saving_indicator {
  position: absolute;
  top: -24px;
  left: 0px;
  right: 0px;
  text-align: center;
  font-size: 11px;
  line-height: 18px;
}

body.deal .deal_buttons .status .saving_indicator .flag {
  background: #ffa;
  padding: 2px;
  color: #000;
}

body.deal .deal_buttons .create_project {
  margin-top: 3px;
}

body.deal .deal_buttons .create_project a {
  display: block;
  width: 299px;
  height: 30px;
  background-position: -72px -548px;
  background-repeat: no-repeat;
}

body.deal .deal_buttons .create_project a:active,
body.deal .deal_buttons .create_project a.activated {
  background-position: -72px -584px;
}

body.deal .deal_buttons .create_project a {
  display: block;
  width: 299px;
  height: 30px;
}

body.deal .deal_buttons p.cant_reopen {
  white-space: normal;
  text-align: left;
  font-size: 12px;
  width: 299px;
  margin: 0;
}

body.deal div.page_header {
  padding-bottom: 15px;
  padding-top: 7px;
}

body.deal table.subject_header td {
  vertical-align: top;
}

body.deal table.subject_header td.icon span.sprite {
  border: none;
  padding: 0;
}

body.deal table.subject_header td.name {
  padding-top: 7px;
}

body.deal table.subject_header td.buttons {
  padding-top: 24px;
  width: 299px;
}

body.deal table.subject_header td.name div {
  font-size: 14px;
  color: #444;
  margin: 0;
  line-height: 18px;
}

body.deal table.subject_header td.name div strong {
  color: #444;
}

body.deal #subject_header_details div.liner {
  padding: 18px;
}

body.deal #new_note_container > .header {
  padding-top: 12px;
}

/*=== INDEX =================================================*/

body.deals div.button_to_add_new img {
  width: 148px;
}

body.deals div.page_header h1 span.filter {
  font-size: 14px;
  color: #000;
  padding: 0;
}

body.deals div.page_header p.link_to_clear_filter {
  font-size: 11px;
  font-weight: normal;
  margin: 3px 0 0 0;
}

body.deals div.button_to_add_new a.pressed {
  background-image: url(../../images/deals/add_a_new_deal-pressed.png);
  width: 148px;
}

table.deals {
  width: 100%;
  margin: 18px 0px;
}

table.deals tr th {
  padding: 3px 0;
  border-bottom: 2px solid #dfdfdf;
}

table.deals tr th h2 {
  font-size: 13px;
  margin: 0;
  padding: 0;
}

table.deals tr th h2 span {
  float: none;
  font-size: 11px;
  font-weight: normal;
}

table.deals tr th.pending {border-color: #000;}
table.deals tr th.pending h2 span {color: #222;}

table.deals tr th.won {border-color: #090;}
table.deals tr th.won h2 {color: #090;}
table.deals tr.won .price {color: #090 !important;}

table.deals tr th.lost {border-color: #c00;}
table.deals tr th.lost h2 {color: #c00;}
table.deals tr.lost .price {color: #c00 !important;}

table.deals tr.deal td {
  vertical-align: top;
  border-bottom: 1px solid #dfdfdf;
  padding: 15px 0;
}

table.deals td.avatar img.avatar {
  width: 42px;
  height: 42px;
  border: none;
  padding: 0;
  margin-bottom: 5px;
}

table.deals td.avatar span.avatar {
  width: 55px !important;
  padding-top: 55px !important;
  height: 0 !important;
  border: none;
}

table.deals tr.deal td.avatar {
  width: 55px;
  padding: 15px 10px;
}

table.deals tr.deal td.details {
  padding-top: 15px;
}

table.deals tr.deal td.project_icon {
  width: 30px;
  padding: 12px 0px 0px 9px;
}

table.deals td.details h3 {
  font-size: 18px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  color: #000;
}

table.deals td.details h3 a {
  text-decoration: none;
}

table.deals td.details h3 a:hover,
table.deals td.details h3 a:visited:hover {
  text-decoration: underline;
}

table.deals td.details span.party a {
  color: #666;
}

table.deals td.details h3 span.sprite {
  margin-top: -4px;
}

table.deals td.details h3 span {
  color: #888;
  font-size: 13px;
  font-weight: normal;
}

table.deals td.details > div {
  color: #888;
  font-size: 13px;
  line-height: 15px;
  margin: 0 0 3px;
}

table.deals td.details > div a {
  color: #888;
}

table.deals td.details > div.price {
  color: #000;
  font-weight: bold;
}

table.deals td.details span.category {
  display: inline-block;
  background-color: #f0f0f0;
  padding: 2px 3px;
  font-size: 11px;
  text-decoration: none;
  color: #fff !important;
  margin: 3px 0 0;
}

table.deals tr.last td {
  border-bottom: none;
}

table.deals td.more {
  font-size: 13px;
  padding-top: 10px;
}

body.deals div.Right div.module p {
  font-size: 10px;
  margin: 0 0 10px 0;
}

body.deals div.Right div.module p a.edit_categories {
  font-size: 11px;
  color: #999;
}

body.deals div.Right div.module p a.edit_categories:hover {
  color: #fff;
}

body.deals div.blank_slate p {
  font-size: 16px;
  line-height: 140%;
  margin: 0 0 16px 16px;
}

body.deals div.blank_slate img {
  border: none;
}

body.deals div.blank_slate img.big_icon {
  float: left;
  margin: 0 24px 16px 0;
}

body.deals div.blank_slate p.create_your_first_deal {
  margin-top: 24px;
}

body.deals div.blank_slate p.create_your_first_deal span {
  background: #ffc;
  padding: 5px;
}

body.deals #page_filter ul.menu_collection {
  margin-top: 7px;
}

body.deals p.no_results {
  padding:10px 0;
  border-bottom: 1px solid #EDEDED;
  border-top: 1px solid #EDEDED;
  font-size:11px;
}


/*=== PREVIEW ===========================================*/

div.preview div.deal td.icon img.avatar {
  border: none;
}

div.preview div.deal h2 {
  margin-top: 5px;
  line-height: 140%;
}

/*=== NEW/EDIT DEAL ===========================================*/

body.new_deal div.wrapper,
body.new_deal .container {
  width: 800px !important;
}

body.new_deal input.name {
  font-size: 18px;
  width: 98%;
}

body.new_deal div.permissions {
  margin: 15px 0;
}

body.new_deal div.permissions h2 {
  padding-bottom: 3px;
}

body.new_deal div.permissions div.form_section {
  padding: 0 5px 5px 5px;
}

body.new_deal div.form_section {
  margin-bottom: 15px;
}

body.edit_deal div.page_header h1 {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

body.new_deal p.submit,
body.edit_deal p.submit {
  border-top: 2px solid #999;
  padding: 10px 0 0 0;
  margin: 30px 0 0 0;
}

body.new_deal div.results {
  width: 70%;
}

body.new_deal div.results div.results_box {
  border: 1px solid #999;
}

body.new_deal div.results div.results_inner_box {
  border: 3px solid #ffc;
}

body.new_deal div.results div.instruction {
  background: #ffc;
  font-size: 11px;
  padding: 3px 3px 6px 3px;
}

body.new_deal div.results ul {
  margin: 0; padding: 0; list-style: none;
}

body.new_deal div.results li {
  font-size: 12px;
  margin-bottom: 0;
  padding: 0;
}

body.new_deal div.results li a {
  display: block;
  padding: 7px;
}

body.new_deal div.results li a:hover,
body.new_deal div.results li.highlighted a,
body.new_deal div.results li.highlighted a:hover {
  background: #03b;
  color: #fff;
  text-decoration: none;
}

body.new_deal div.results li.selected a,
body.new_deal div.results li.selected a:hover {
  background: #03b;
  color: #fff;
  text-decoration: none;
}

body.new_deal div.results div.no_matches {
  font-size: 12px;
  background: #ffc;
  padding: 5px 10px 10px 10px;
  font-weight: normal;
}

body.new_deal div.results div.no_matches p {
  font-weight: normal;
  margin: 0 0 5px 0;
}

body.new_deal div.permissions h2 {
  font-size: 13px;
  margin-bottom: 0px;
}

body.new_deal table.subject_header td.icon span.sprite,
body.edit_deal table.subject_header td.icon span.sprite {
  border: none;
}

body.new_deal table.deals td {
  border-bottom: none;
}

body.new_deal table.deals td {
  vertical-align: middle;
  padding-bottom: 15px;
}

body.new_deal table.deals td img {
  margin: 0;
  padding: 0;
}

body.new_deal table.deals td h2 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 1em;
}

body.new_deal div.deal_details {
  margin: 0 0 15px 0;
}

body.new_deal h4 {
  margin-bottom: 3px;
}

body.new_deal table.subject_header td.name {
  padding: 0 0 20px 0;
}

body.new_deal div.choose_the_deal_party {
  margin-bottom: 15px;
}

body.new_deal div.choose_the_deal_party p.header {
  margin: 0 0 4px 0;
  line-height: 17px;
  font-size: 14px;
}

body.new_deal div.choose_the_deal_party span.avatar,
body.edit_deal div#chosen_deal_party span.avatar {
  float: left;
  margin: -5px 0 0 0;
}

body.new_deal table.chosen_deal_party_table {
  margin: 10px 0 20px 0;
  width: auto;
}

body.new_deal table.chosen_deal_party_table td {
  font-size: 14px;
}

body.new_deal table.chosen_deal_party_table td span {
  font-size: 11px;
}

body.new_deal table.chosen_deal_party_table th {
  padding: 0 10px 0 0;
}

body.new_deal table.chosen_deal_party_table img.avatar {
  height: 32px;
  width: 32px;
}

body.edit_deal div#chosen_deal_party span.avatar {margin-top: 0;}

body.new_deal input.name,
body.new_deal textarea {
  font-size: 14px;
}

body.new_deal textarea {
  width: 95%;
}

body.new_deal input.name {
  width: 70%;
}

body.new_deal p span.details {
  font-size: 11px;
  font-weight: normal;
}

body.edit_deal div.Right div.delete_and_vcard a.delete {
  font-weight: normal;
}

/*=== DEALS IN SUBECT SIDEBAR =================================*/

body.subject .Right div.deals h2 span.edit {
  width: 165px;
}

body.subject .Right div.deals h3 {
  font-size: 12px;
  color: #222;
}

body.subject .Right div.deals h3.won {
  color: #090;
}

body.subject .Right div.deals h3.lost {
  color: #c00;
}

body.subject .Right div.deals h3 span {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

body.subject .Right div.deals ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.subject .Right div.deals ul+h3 {
  margin-top: 15px;
}

body.subject .Right div.deals li {
  font-size: 11px;
  margin: 2px 0 0 0;
  padding: 0;
  line-height: 13px;
}

body.subject .Right div.deals li small {
  color: #666;
}

body.subject .Right div.deals li strong.lost { color: #900; }
body.subject .Right div.deals li strong.won { color: #393; }

body.subject .Right div.deals li a:link,
body.subject .Right div.deals li a:visited { color: #444; }

body.subject div#deals_upgrade_notice p {
  /* copied from div.tip_box */
  margin: 0;
}

body.subject div#deals_upgrade_notice h1 {
  margin-top: 0;
  padding-top: 0;
  font-size: 14px;
}

body.subject div#deals_upgrade_notice p.actions {
  text-align: center;
  line-height: 26px;
  margin: 15px 0 5px 0;
}

body.subject div#deals_upgrade_notice p.actions img {
  vertical-align: middle;
  margin-right: 3px;
}

/*=== DASHBOARD STRIP =========================================*/

div#dash_deals {
  float: right;
  width: 175px;
  border-left: 1px solid #ccc;
  margin: 0 0 10px 15px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

div#dash_deals h1 {
  height: 30px;
  background-color: #EDF3FE;
  margin: 0 0 10px 0;
  font-size: 14px;
  padding: 12px 0 0 10px;
}

div#dash_deals p {
  padding: 0 15px 0 10px;
  margin-bottom: 10px;
}

/*=== DEAL BARS ===============================================*/

div.deal_won, div.deal_lost {
  padding: 5px 10px;
  background-color: #cfc;
  border-bottom: 1px solid #dfdfdf;
}

div.deal_lost {
  background-color: #fcc;
}


/*-------------------------------------------------
DEAL RECORDING
-------------------------------------------------*/

div.recordings div.deal_recording.lost {
 background: #f1eaea;
}

div.recordings div.pending, div.recordings div.create {
}

div.deal_recording.won {
  background: #eef8ec;
}

div.deal_recording div.body {
  /* normaly this only happens for aggregated_recordings. we want to force it for now. */
  margin-left: 66px;
}

body.deal div.deal_recording div.body {
  padding-top: 4px;
}

div.deal_recording div.icon {
  background: #393;
  float: left;
  color: white;
  font-family: verdana, sans-serif;
  font-weight: bold;
  text-align: center;
  width: 50px;
  font-size: 10px;
  line-height: 140%;
  padding: 3px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

div.lost div.icon {
  background: #900;
}

div.pending div.icon, div.create div.icon {
  background: #333;
}

div.pending div.icon span {
  font-size: 8px;
}

div.aggregated_recordings div.deal_recording div.nubbin {
  left: -15px !important;
}

div.deal_recording div.nubbin div.nubbin_content,
div.aggregated_recordings div.deal_recording div.nubbin div.nubbin_content {
  width: 20px !important;
}

body.deal table.subject_header td.icon a {
  border: none;
  background-color: transparent;
}


div.cancel_form {
  margin: 1.5em 0;
  padding: 14px;
  background: #f2f2f2;
  border: 1px solid #dedede;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}


body.duplicates table.index tr.search p {
  margin: 0;
}

body.duplicates table.index td.radio {
  width: 1%;
  vertical-align: middle;
  padding: 0 10px 0 0;
}

body.duplicates h2.step {
  position:relative;
  margin: 25px -15px 5px 25px;
  color: #000;
  font-size: 14px;
}

body.duplicates h2.step .number {
  position:absolute;
  left:-25px;
}

body.duplicates h5 {
  font-size: 11px;
}

body.duplicates div.step_body {
  margin-left: 25px;
}

body.duplicates table.index td.person {
  width: auto;
  padding-right: 20px;
}

body.duplicates div.results div {
  margin-top: 4px;
  font-size: 12px;
  color: #333;
}

body.duplicates div.duplicate_search {
  background: #ecf2f4; 
  padding: 7px 10px 15px 10px;
  margin-bottom: 12px;
  line-height: 1.6;
  font-weight: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

body.duplicates div.duplicate_search input.search {
  width: 90%;
}

body.duplicates div.submit {
  padding-top: 5px;
  font-size: 11px;
}


body.forgot_password .modal_container {
  width: 650px;
}

body.forgot_password .modal_container .inner {
  padding: 0;
  margin: 0;
}

body.forgot_password .modal_container .content {
  line-height: 16px;
  padding: 24px;
  margin: 0;
}

body.forgot_password .content h2,
body.forgot_password .content h3 {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 4px;
}

body.forgot_password .content form > p {
  font-size: 12px;
  line-height: 16px;
  margin: 0px 0px 16px;
}

body.forgot_password .content input#email_address {
  font-size: 14px;
  width: 300px;
  padding: 3px;
  margin: 0px;
}

body.forgot_password .content .note {
  padding-left: 10px;
  border-left: 3px solid orange;
  font-size: 12px;
  margin-left: 20px;
  float: right;
  width: 210px;
}

body.forgot_password .content .button {
  margin: 8px 0px 0px;
  padding: 3px;
  font-size: 14px;
}

body.forgot_password .content .extras {
  border-top: 1px dashed #ccc;
  padding-top: 11px;
  margin-top: 32px;
}

body.forgot_password .content .extras ul {
  margin: 0;
  padding: 0;
}

body.forgot_password .content .extras ul li {
  list-style: none;
  font-size: 12px;
}


div#upgrade_pitch {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  font-size: 11px;
  margin-bottom: 20px;
  background-color: #ffc;
}

body.overview .Right div#upgrade_pitch h1 {
  margin-bottom: 10px;
  font-size: 14px;
}

body.overview .Right div#upgrade_pitch h2 {
  font-size: 12px;
  margin: 0 0 0 10px;
  padding: 0;
  background-color: transparent;
  border: none;
}

body.overview .Right div#upgrade_pitch p {
  font-size: 11px;
  margin: 0 0 10px 10px;
  line-height: 1.2em;
}

body.overview div#upgrade_pitch div.promotion {
  border-top: 1px solid orange;
  border-bottom: 1px solid orange;
  padding: 5px 0;
  margin-bottom: 10px;
  font-size: 12px;
}

body.overview div.page_header div.avatar {
  float: left;
  width: 32px;
  margin-right: 10px;
}

/*-------------------------------------------------
LATEST
-------------------------------------------------*/

body.overview table.index td div.avatar_subject h1 {
  font-size: 14px;
}

body.overview .innercol {
  padding-top: 10px;
}

/*-------------------------------------------------
SUBJECT HEADER
-------------------------------------------------*/

div.subject_header_links {
  float: right;
  font-size: 10px;
  margin-right: 0;
  text-align: right;
  color: #ccc;
  padding: 3px 0;
}

div.subject_header_links a.active:link,
div.subject_header_links a.active:visited,
div.subject_header_links a.active:hover {
  background: #999;
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

div.subject_header_links a.edit {
  text-decoration: none;
  color: #777;
}

div.subject_header_links a.edit:hover {
  color: #fff;
}

table.subject_header {
  border-collapse: collapse;
}

table.subject_header td {
  padding: 0;
}

table.subject_header td.name span {
  color: #ccc;
  font-weight: normal;
}

table.subject_header td.name {
  font-size: 14px;
  padding: 0 0 0 10px;
}

table.subject_header td.name.no_avatar {
  padding: 0;
}

table.subject_header td.name h1 {
  font-size: 22px;
  color: #000;
  margin: 0 0 3px 0;
  padding: 0;
  line-height: 1.0em;
}

table.subject_header td.name h1 span {
  font-size: 11px;
  line-height: 1.0em;
}

table.subject_header td.name h1 span.toggle {
  display: inline;
  font-size: 12px;
  color: inherit;
}

table.subject_header td.name a.to_person {
  font-weight: bold;
}

table.subject_header td.name p {
  font-size: 12px;
}

table.subject_header td.icon {
  vertical-align: top;
  text-align: right;
  width: 57px;
}

table.subject_header td.icon a {
  padding: 0;
	background-color: #fff;
	border: 1px solid #dcdcdc;
}

table.subject_header td.icon img {
  width: 53px;
  height: 53px;
}

img.white {
  background: #fff;
  padding: 10px;
}

div.subject_details {
  color: #666;
  margin: 0 0 0 0;
}

div.subject_details a:link,
div.subject_details a:visited {
  text-decoration: none;
}

div.subject_details a:hover,
div.subject_details a:visited:hover {
  text-decoration: underline;
}

div.subject_details a.admin:link,
div.subject_details a.admin:visited {
  color: red;
  text-decoration: underline;
}

/*-------------------------------------------------
AVATAR / SUBJECT BLOCK
---------------------------------------------------

+---+
|   | Bob Smith
+---+                                            */


div.avatar_subject {
  clear: left;
  overflow: hidden;
}

div.avatar_subject img.avatar,
div.avatar_subject span.avatar {
  padding: 1px;
  border: 1px solid #e6e6e6;
  float: left;
  margin: 0;
  text-indent: -9000px; /* hide text from command-f searches */
}

div.avatar_subject img.blank_avatar,
div.avatar_subject span.blank_avatar {
  padding: 0;
}

div.avatar_subject div.info {
  margin-left: 65px;
}

div.avatar_subject div.info span.sprite.lock {
  vertical-align: top;
  margin-top: 1px;
}

div.avatar_subject h1 {
  font-family: lucida grande, sans-serif;
  font-size: 12px;
  color: #000;
  margin: 0;
  padding: 0;
}

div.avatar_subject h1.private a:link,
div.avatar_subject h1.private a:visited {
  padding-right: 3px;
  text-decoration: none;
}

div.avatar_subject h1.private a:hover span {
  text-decoration: none;
}

div.avatar_subject h2 {
  font-size: 12px;
  color: #888;
  font-weight: normal;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

div.avatar_subject h2 a:link,
div.avatar_subject h2 a:visited {
  color: inherit;
  text-decoration: none;
}

div.avatar_subject h2.groups a {
  color: #333;
}

body.party #sidebar div.avatar_subject div.info,
#page_sidebar div.avatar_subject div.info {
  padding-top: 3px;
  margin-left: 42px;
}

#page_sidebar div.avatar_subject h1,
#page_sidebar div.avatar_subject h1 span {
  font-size: 12px;
  font-weight: bold;
}

#page_sidebar div.avatar_subject h1 a {
  color: inherit;
}

#page_sidebar div.avatar_subject h2 {
  margin-top: -1px;
	line-height: 1.2em;
}

#page_sidebar div.avatar_subject img.avatar {
  width: 32px;
  height: 32px;
}

body.recording #page_sidebar div.avatar_subject span.avatar {
  width: 32px !important;
  padding-top: 32px !important;
  height: 0 !important;
}

body.recording div.Right div.avatar_subject span.avatar.person {background-position: -112px -148px !important;}
body.recording div.Right div.avatar_subject span.avatar.company {background-position: 0 -148px !important;}
body.recording div.Right div.avatar_subject span.avatar.kase {background-position: -56px -148px !important;}
body.recording div.Right div.avatar_subject span.avatar.deal.dollar {background-position: -224px -162px !important;}
body.recording div.Right div.avatar_subject span.avatar.deal.euro {background-position: -280px -162px !important;}
body.recording div.Right div.avatar_subject span.avatar.deal.pound {background-position: -390px -162px !important;}
body.recording div.Right div.avatar_subject span.avatar.deal.yen {background-position: -502px -162px !important;}
body.recording div.Right div.avatar_subject span.avatar.deal.won {background-position: -446px -162px !important;}
body.recording div.Right div.avatar_subject span.avatar.deal.generic {background-position: -334px -162px !important;}

body.recording .Right div.avatar_subject h1 {
  margin: 0;
  padding: 0;
}

body.recording .Right div.avatar_subject h1 span {
  font-weight: bold;
}

#page_sidebar div.avatar_subject h1 a {
  color: inherit;
  text-decoration: none;
}

#page_sidebar div.module div.inner div.avatar_subject h2 {
  color: #666;
  font-size: 11px;
  border: none;
  background: none;
  font-weight: normal;
  background-color: red;
}

/*-------------------------------------------------
INDEXES
-------------------------------------------------*/

div.page_header span.other_indexes {
  float: right;
  width: 115px;
  text-align: right;
  font-size: 11px;
  color: #999;
}

div.page_header span.other_indexes strong {
  color: #000;
}

div.page_header p.see_all {
  font-size: 12px;
  margin: -3px 0 8px 0;
  color: #777;
}

div.page_header p.see_all a {
  color: #777;
}

div.page_header p.see_all a:hover {
  background: #666;
  color: #fff;
}

/*-------------------------------------------------
NEW COMPANY
-------------------------------------------------*/

#new_company fieldset.privacy {
  margin: 10px 0 10px 0;
}

/*-------------------------------------------------
EDIT FORM
-------------------------------------------------*/

.edit h2 span.optional {
  font-weight: normal;
  color: #666;
}

.edit div.edit_tab {
  padding-left: 10px;
}

.edit div.edit_tab h2 {
  font-size: 13px;
}

.edit div.edit_tab h5 {
  font-size: 12px;
}

.edit div.permissions div.form_section p.scoped {
  margin: 0 0 0 10px;
  font-size: 13px;
}

.edit p.submit {
  margin: 0;
}

.edit_recording div.submit,
.edit_contact_info div.submit,
.edit_subject div.submit,
.edit_group div.submit,
.new_group div.submit,
.edit div.submit,
body.import_results div.submit,
body.settings div.submit {
  border-top: 2px solid #999;
  margin-top: 20px;
  padding-top: 10px;
}

body.settings div.submit {
  font-size: 13px;
  border: none;
}

.edit_recording div.submit,
.edit_contact_info div.submit {
  padding-left: 0;
}

.edit_subject div.submit p.submit {
  padding: 0;
}

div.submit p {
  font-size: 11px;
  margin-bottom: 15px;
}

div.submit form.button-to, div.submit form.button-to div {
  display: inline;
}

/*-------------------------------------------------
EDIT SUBJECT SIDEBAR
-------------------------------------------------*/

body.edit div.Right div.sidebar {
  margin-top: 15px;
}

body.edit_recording div.Right div.sidebar {
  margin-top: 0;
}

div.Right div.delete_and_vcard a.delete {
  color: red;
}

div.Right div.delete_and_vcard a.delete:hover {
  color: #fff;
  background: red;
}

div.Right div.delete_and_vcard p {
  line-height: 1.2em;
  margin: 0.75em 0;
  padding: 3px 0 0 25px;
  overflow: hidden;
}

div.Right div.delete_and_vcard p span.sprite {
  vertical-align: top;
  background-color: transparent;
  float: left;
  margin-left: -25px;
  margin-top: -3px;
}

/*-------------------------------------------------
SIDEBAR
-------------------------------------------------*/

.Right div.module {
  clear: left;
  overflow: hidden;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #ccc;
  background: #f5f5f5;
  margin-bottom: 8px;
}

.Right div.dim {
  border: none;
}

.Right h2 a.admin,
.Right div.module a.admin {
  color: #555;
}

.Right div.dim a.admin {
  font-size: 12px;
  font-family: lucida grande, verdana, sans-serif;
}

.Right h2 a.admin:hover,
.Right div.module a.admin:hover {
  background: #666;
  color: #fff;
}

.Right div.module div.inner {
  padding: 5px 8px 10px 10px;
}

.Right h2 {
  background: #f0f0f0;
  border-bottom: 1px solid #dcdcdc;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 5px 10px;
}

.Right div.module div.inner h2 {
  background: none;
  border: none;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 8px 0;
}

.Right div.indent {
  /* align blocks below the h2 with the h2 text */
  margin-left: 5px;
}

.Right h2 span.edit {
  float: right;
  width: 90px;
  text-align: right;
  font-size: 11px;
  color: #999;
  font-weight: normal;
}

.Right h2 span.edit a.clicked:link,
.Right h2 span.edit a.clicked:visited {
  color: #f00 !important; /* admin */
}

.Right p {
  font-size: 12px;
  line-height: 1.4em;
  margin: 0 0 20px 0;
}

.Right div.regarding {
  margin-bottom: 20px;
}

.sidebar div.quick_find {
  margin: 0 0 15px 3px;
  padding: 0;
}

.sidebar div.quick_find h2 {
  font-size: 12px;
  border: none;
  background: none;
  padding: 0;
  margin: 0 0 3px 0;
  color: #000;
}

.sidebar div.quick_find input {
  margin-right: 5px;
  width: 85%;
  padding: 2px;
}

.sidebar div.quick_find div.field {
  white-space: nowrap;
}

/*-------------------------------------------------
SIDEBAR FORM
-------------------------------------------------*/

.sidebar_form {
  padding: 0;
  background: #F2F5FB;
  border: 1px solid #c0d1ec;
  margin-bottom: 15px;
}

.sidebar_form .inner {
  padding: 0 0 4px 0;
  border: 1px solid #fff;
}

.sidebar_form input,
.sidebar_form textarea {
  width: 95%;
}

.sidebar_form input.checkbox,
.sidebar_form div.permissions input {
  width: auto;
}

.sidebar_form textarea {
  height: 80px;
}

.sidebar_form div.body {
  padding: 0 10px 5px 10px;
}

.sidebar_form .header a:link,
.sidebar_form .header a:visited,
.sidebar_form .header a:hover,
.sidebar_form .header h1 { /* instead of a link */
  display: block;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  background: none;
  color: #000;
  padding: 6px 10px 2px 10px;
  margin: 0;
}

.sidebar_form .header a.active,
.sidebar_form .header a.active:hover {
  text-decoration: none;
}

.sidebar_form .header a:hover {
  text-decoration: underline;
}

.sidebar_form p {
  margin: 3px 0 3px 0;
  font-size: 11px;
}

.sidebar_form h2 {
  border: none;
  margin: 10px 0 3px 0;
  padding: 0;
  font-size: 12px;
}

.sidebar_form h2.topmost {
  margin-top: 5px;
}

.sidebar_form h2.optional {
  font-weight: normal;
  font-size: 11px;
}

.sidebar_form p.submit {
  color: #666;
  border-top: 1px dotted #c0d1ec;
  padding-top: 5px;
  margin: 10px 0 0 0;
}

.sidebar_form p.submit input {
  width: auto;
}

.sidebar_form p.small {
  font-size: 11px;
}

/*-------------------------------------------------
PERMISSIONS
-------------------------------------------------*/

div.permission_categories {
  font-size: 13px;
  margin: 0;
}

div.edit_viewers {
  margin: 4px 0 4px 25px;
}

div.edit_viewers div {
  margin: 4px 0 3px 0;
}

div.edit_viewers div img {
  padding-top: 4px;
  vertical-align: top;
}

/*-------------------------------------------------
WHO CAN SEE THIS? SIDEBAR
-------------------------------------------------*/

div.who_can_see_this {
  font-size: 10px;
  margin: 0;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  background: #ffe6ea;
  border-bottom: 1px solid #d9c3c7;
}

div.who_can_see_this span.sprite {
  vertical-align: top;
  padding-top: 1px;
  margin-right: 2px;
}

div.who_can_see_this p {
  padding: 10px;
  margin: 0;
  color: #000;
  font-size: 11px;
}

div.private_flag {
  float: left;
  margin: 0 4px 0 -7px;
  padding-top: 9px;
}

/*-------------------------------------------------
PERMISSION MATRIX
-------------------------------------------------*/

table.permission_matrix td strong {
  display: block;
  padding-bottom: 5px;
  font-size: 11px;
}

table.permission_matrix th {
  text-align: left;
}

/*-------------------------------------------------
LEAKED SUBJECT
-------------------------------------------------*/

div#this_subject_is_leaked .inner {
  font-size: 12px;
  line-height: 16px;
}

/*-------------------------------------------------
SWAPPABLE FORM
---------------------------------------------------
such as New Person, New Company, et al. */

body.former_sheet input.name {
  font-size: 18px;
  width: 98%;
}

body.former_sheet div.permissions {
  margin-top: 15px;
}

body.former_sheet div.permissions h2 {
  padding-bottom: 3px;
}

body.former_sheet div.form_section {
  margin-bottom: 25px;
}

body.former_sheet div.form_section h5,
body.former_sheet div.edit_section h5 {
  margin: 1.0em 0 0.5em 0;
}

body.former_sheet div.form_section p.instruction {
  font-size: 11px;
  line-height: 1.4;
  color: #777;
  margin-top: 0;
}

body.former_sheet p.submit {
  border-top: 2px solid #999;
  margin: 40px 0 0 0;
  padding: 10px 0 0 0;
  font-size: 11px;
}

/*-------------------------------------------------
FEED ICON
-------------------------------------------------*/

span.feed {
  float: right;
  width: 50%;
  text-align: right;
  font-size: 11px;
}

span.feed a,
div.feed a {
  color: #666;
}

span.feed a:hover {
  color: #fff;
  background: #666;
}

span.feed a.image:hover {
  background: none;
}

/*-------------------------------------------------
BUTTON TO "ADD A NEW _______"
-------------------------------------------------*/

div.button_to_add_new {
  margin-bottom: 20px;
}

body.overview div.button_to_add_new {
  margin-bottom: 10px;
}

div.button_to_add_new img {
  height: 31px;
}

div.button_to_add_new a.pressed img {
  visibility: hidden;
}

div.button_to_add_new a.pressed {
  display: block;
  height: 31px;
}

.button-to, .button-to div {
  display: inline;
}

/*-------------------------------------------------
AGGREGATED PEOPLE
-------------------------------------------------*/

div.aggregated_people div.avatar_subject {
  overflow: hidden;
  margin-top: 7px;
}

div.aggregated_people div.avatar_subject h1 > a {
  text-decoration: none;
}

div.aggregated_people div.avatar_subject h1 a:hover span {
  text-decoration: none;
}

div.aggregated_people div.avatar_subject img.avatar  {
  width: 32px;
  height: 32px;
}

div.aggregated_people div.avatar_subject span.avatar {
  width: 32px;
  padding-top: 32px;
  height: 0;
}

/*-------------------------------------------------
CONFIRM DESTROY
-------------------------------------------------*/

body.confirm_destroy div.message {
  margin: 5px 0 0 0;
}

body.confirm_destroy div.submit {
  border-top: 2px solid #d6d6d6;
  margin-top: 40px;
  padding: 10px 0 0 0;
  color: #666;
  font-size: 11px;
}

body.confirm_destroy div.submit p.submit {
  margin: 0;
  padding: 0;
  font-size: 11px;
}

/*-------------------------------------------------
SUBJECT TIP BOX (HALF-BLANK SLATE ON SUBJECTS/SHOW)
-------------------------------------------------*/

div.tip_box {
  background: #ffffe5;
  border: 1px solid #fc6;
  padding: 0;
  margin: 0 0 15px 0;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

div.tip_box div.inner {
  padding: 10px;
}

div.tip_box span.sprite.arrow {
  position: absolute;
  left: -48px;
  top: 11px;
  width: 50px;
  height: 40px;
}

div.tip_box p {
  margin: 0;
}

div.tip_box h1 {
  margin-top: 0;
  padding-top: 0;
  font-size: 14px;
}

/*-------------------------------------------------
AUTOCOMPLETE DROPDOWN DIVS
-------------------------------------------------*/

div.auto_complete {
  width: 350px;
  background: #fff;
  z-index:11;
}

div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0;
  padding:3px;
}

div.auto_complete ul li.selected {
  background-color: #ffb;
}

div.auto_complete ul strong.highlight {
  color: #800;
  margin:0;
  padding:0;
}

/*-------------------------------------------------
SEARCH
-------------------------------------------------*/

div.search_results_header {
  margin: 0 0 6px 0;
  font-size: 12px;
  font-weight: bold;
  color: #333;
}

div.search_results_header p.pagination {
  float: right;
  width: 200px;
  margin: 0;
  font-weight: normal;
  line-height: 14px;
  text-align: right;
  font-size: 10px;
  padding-top: 5px;
}

body.tags div.search_results_header p.pagination {
  padding-top: 0;
}

div.search_results_header span.clear {
  font-size: 10px;
  font-weight: normal;
  color: #666;
}

div.search_results_header span.clear a {
  color: #666;
}

div.search_results_header span.clear a:hover {
  color: #fff;
  background: #666;
}

body.search div.page_header div.search_form {
  margin: 4px 0 3px 0;
}

body.search div.page_header div.search_form input {
  width: 350px;
  vertical-align: middle;
}

/*-------------------------------------------------
DASHBOARD ANNOUNCEMENT
-------------------------------------------------*/

div.dash_announcement {
  background-color: #ffc;
  border-bottom: 1px solid #fc6;
  padding: 15px 30px 10px 30px;
  -webkit-border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

div.dash_announcement h1 {
  font-size: 16px;
  margin: 0px 0px 5px;
}

div.dash_announcement h1 span {
  float: right;
  font-size: 11px;
}

div.dash_announcement p {
  font-size: 12px;
  line-height: 140%;
  margin: 0px 0px 5px;
}

/*-------------------------------------------------
SENTENCE-LIKE FILTER LAYOUT
-------------------------------------------------*/

table td.long #page_filter_options {
  padding-left: 9px;
  font-size: 12px;
}

#page_filter_options ul.filter_list > li {
  float: left;
}

#page_filter_options ul.filter_list li.button {
  margin-top: -7px;
}

#page_filter_options div.balloon {
  margin-left: -115px;
  margin-top: 10px;
  width: 230px;
}

#page_filter_options div.balloon div.balloon_arrow,
#page_filter_options div.balloon div.balloon_arrow_border {
  left: 0px;
  margin-left: 103px;
}

#page_filter_options .filter_list div.balloon_content {
  min-width: 200px;
  width: auto;
  padding: 7px 10px 5px 10px;
}

#page_filter_options .filter_list div.balloon_content a {
  border: none !important;
  display: block;
  padding: 3px 5px;
}

#page_filter_options .filter_list div.balloon_content a:hover,
#page_filter_options .filter_list div.balloon_content a:visited:hover {
  background-color: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #222;
}

#page_filter_options .filter_list div.balloon_content a.selected:link,
#page_filter_options .filter_list div.balloon_content a.selected:visited {
  background-color: #efefef;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #000;
  font-weight: bold;
}

#page_filter_options .filter_list div.balloon_content ul {
  padding: 5px 0px;
}

#page_filter_options .filter_list div.balloon_content li {
  padding: 1px 0px;
}

#page_filter_options .filter_list.active_menu > a {
  background: #A3BDCA;
  border-bottom: none;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  border-radius: 3px 3px;
  color: #fff;
  margin: 0px -2px;
  padding: 0px 2px 2px;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

table.groups {
  margin-top: 5px;
  border-top: 1px solid #ededed !important;
}

table.groups td.group {
  padding-left: 0;
  border-bottom: 1px solid #ededed;
}

table.groups td.edit {
  vertical-align: middle;
}

table.groups td.group h2 {
  font-size: 16px;
  color: #000;
  margin: 0 0 3px 0;
}

table.groups td.group p {
  font-size: 11px;
  color: #777;
  margin: 0;
}

table.groups td.group p a.internal {
  padding: 0;
}

/*-------------------------------------------------
REMOVE
-------------------------------------------------*/

.remove_group div.delete_or_transfer {
  margin-left: 2em;
}

.remove_group div.delete_or_transfer p {
  margin: 0 0 5px 0;
}

.remove_group div.delete_or_transfer div#choose_transfer_target {
  margin: 0 2em;
}


/*-------------------------------------------------
NEW
-------------------------------------------------*/

.new_group div.group_header input {
  font-size: 22px;
  margin-bottom: 5px;
  font-weight: bold;
  width: 99%;
}

.new_group div.group_header p {
  font-size: 11px;
  color: #777;
  margin: 0;
}

.new_group div.submit {
  margin-top: 15px;
}

/*-------------------------------------------------
EDIT
-------------------------------------------------*/

.edit_group div.page_header h1 {
  line-height: 140%;
}

.edit_group div.page_header h2 {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 3px;
}

.edit_group div.group_header input {
  font-size: 22px;
  font-weight: bold;
  width: 99%;
}

.edit_group div#memberships {
  margin-bottom: 25px;
}

.edit table.memberships {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ededed;
}

.edit table.memberships td {
  white-space: nowrap;
  padding: 6px 0;
  border-bottom: 1px solid #ededed;
  font-size: 12px;
}

.edit table.memberships tr.add_user td {
  border: none;
  padding-top: 15px;
}

.edit table.memberships td.remove {
  width: 1%;
  font-size: 11px;
}


body.help div.faqs h1 {
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  margin: 0 0 10px 0;
}

body.help div.faqs h2 {
  font-size: 14px;
  margin: 0 0 3px 15px;
}

body.help div.faqs p {
  font-size: 12px;
  line-height: 1.4em;
  margin: 0 0 20px 15px;
}


input[type=text], input[type=email], input[type=password], input[type=url] {
  padding: 3px;
}

textarea {
	font-size: 12px;
	margin: 0;
	padding: 4px;
  width: 100%;
  display: block;
  font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.kases div.page_header h1 span.filter {
  float: right;
}

body.kases table.index {
  margin: 18px 0;
  border-top: none;
}

body.kases table.index td {
  border-bottom: none;
  padding: 0;
}

body.kases div.avatar_subject h1 {
  font-size: 16px;
  padding-top: 13px;
}

body.kases div.avatar_subject h1 a:hover,
body.kases div.avatar_subject h1 a:visited:hover {
  text-decoration: underline;
}

body.kases div.avatar_subject h1 span.sprite {
  vertical-align: baseline;
}

body.kases div.avatar_subject h1 span.sprite {
  vertical-align: baseline;
}

body.kases div.avatar_subject p { /* description */
  font-size: 12px;
  color: #777;
  margin: 5px 0 0 0;
}

div.Right div.closed_kases div.closed_kase {
  margin: 10px 0 0 0;
  line-height: 1.2em;
}

div.Right div.closed_kases h3 {
  font-size: 11px;
  line-height: 1.1em;
}

div.Right div.closed_kases p {
  font-size: 10px;
  color: #888;
  font-weight: normal;
  margin: 0;
}

div.Right div.closed_kases h3 a {
  color: #000;
  text-decoration: none;
}

div.kase {
  margin: 0 0 10px 0;
}

div.kase h3 { /* status */
  font-size: 13px;
  font-weight: normal;
  color: #666;
  margin: 0;
}

div.closed_kases div.kase h2 {
  font-size: 14px;
  margin-bottom: 3px;
}

div.closed_kases div.kase h2 a {
  color: #666;
}

div.closed_kases div.kase h2 a:hover {
  color: #fff;
}

div.closed_kases div.kase h3 {
  font-size: 11px;
}

div.closed_kases h2 span {
  float: right;
  font-size: 10px;
  margin: 0;
  padding: 2px 0 0 0;
  font-weight: normal;
  color: #fff;
}

/*-------------------------------------------------
SHOW CASE
-------------------------------------------------*/

body.case #new_note_container > .header {
  padding-top: 12px;
}

div.this_kase_is_closed {
  margin: 15px 0;
  text-align: center;
  border: 1px solid #dedede;
  background-color: #fffae7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 20px 10px;
}

div.this_kase_is_closed h2 {
  font-size: 14px;
  margin: 0;
}

div.this_kase_is_closed p {
  font-size: 11px;
  margin: 2px 0 0 0;
  color: #666;
}

div#manage_contacts_in_kase {
  background: #f2f5fb;
  border: 5px solid #c0d1ec;
  margin: 0px -3px 6px -3px;
}

div#manage_contacts_in_kase h2 {
  margin-top: 0;
  padding-top: 0;
}

div#manage_contacts_in_kase div.contents {
  padding: 0 3px 3px 5px;
}

div#manage_contacts_in_kase div.quick_find {
  margin-top: 10px;
}

div#manage_contacts_in_kase div.quick_find div.no_match {
  background: none;
}

div#manage_contacts_in_kase div.quick_find div.results {
  background: #ffc;
}

body.case #subject_header_details div.liner {
  padding: 18px 15px 18px 30px;
}

/*-------------------------------------------------
NEW CASE
-------------------------------------------------*/

body.kases div.button_to_add_new img {
  width: 147px;
}

body.kases div.button_to_add_new a.pressed {
  background-image: url(../../images/cases/add_a_new_case-pressed.gif);
  width: 147px;
}

div#new_kase_dialog textarea {
  height: 100px;
}

div#new_kase_dialog div.form_section p span.optional {
  color: #888;
}

body.new_kase table.subject_header td.name {
  padding: 0;
}

body.new_kase input.name {
  font-size: 22px;
  width: 99%;
  margin-top: 10px;
}


/*-------------------------------------------------
EDIT CASE
-------------------------------------------------*/

body.edit_case div#contact_and_permissions_tab div.main_attributes {
  padding-top: 12px;
}

body.edit_case div.set_kase_status p {
  font-size: 12px;
  margin: 0;
  line-height: 19px;
}

body.edit_case div.avatar_and_attributes {
  margin-bottom: 0 !important;
}

body.edit_case div.edit_section {
  padding-bottom: 20px;
}

body.edit_case div.edit_section h5 {
  margin-top: 0;
}

body.edit_case div.submit {
  margin-top: 10px !important;
}

/*-------------------------------------------------
INVOLVEMENT SIDEBAR
-------------------------------------------------*/

div.edit div.avatar_subject {
  margin-top: 6px;
  padding-right: 6px;
}

div.edit div.info span.action {
  float: right;
  font-size: 9px;
  color: #666;
  text-align: right;
}

div.edit div.info span.action a:hover {
  background-color: transparent;
}

div.edit ul.find_to_involve li a {
  display: inline;
}

div.edit div.content {
  font-size: 11px;
  clear: both;
  margin: 20px 0 0 0;
}


/*-------------------------------------------------
LAUNCHBAR
-------------------------------------------------*/

div#launchbar {
  font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #000;
  position: relative;
  text-align: left;
  z-index: 9999;
}

div#launchbar div.message {
  padding: 5px 30px;
  color: #999;
}

div#launchbar ul {
  margin: 0;
  padding: 0;
}

div#launchbar li {
  list-style-type: none;
  line-height: normal;
  padding: 0;
}

div#launchbar ul.menus {
  padding: 0 25px;
}

div#launchbar li.menu {
  float: left;
  position: relative;
  margin-right: 4px;
}

div#launchbar li.menu a {
  position: relative;
  display: block;
  padding: 5px 7px 6px 4px;
  font-size: 11px;
  color: #999;
 	border-right: 1px solid #222;
  text-decoration: none;
}

div#launchbar li.menu a:hover {
  background: #000;
}

div#launchbar li.menu a.on {
  color: #ddd;
}

div#launchbar li.menu a.on:hover {
  color: #ddd;
}

div#launchbar li.menu a.account:hover {
  color: #fff;
}

div#launchbar li.menu a.current_account:hover {
  color: #999;
}

/* Promo ads in open bar */

div#launchbar li.menu a.dimmed,
div#launchbar li.menu a.dimmed:hover {
  color: #555;
}

div#launchbar li.menu div.items {
  display: none;
  position: absolute;
  z-index: 5;
  left: -5px;
  width: 210px;
}

div#launchbar li.hover div.items {
  display: block;
}

div#launchbar li.menu ul.items {
  margin-left: 1px;
  padding: 0 0 3px;
  background: #000;
  border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

div#launchbar li.item {
  background: none;
}

div#launchbar li.item a {
  padding: 5px 0 5px 10px;
	border-right: 0;
	background-color: #000;
}

div#launchbar li.item a:hover {
	background-color: #222;
}

/* IE */

div#launchbar li.menu div.items {
  _background: none;
}

div#launchbar li.menu ul.items {
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/signal_id/launchbar_bg.png',sizingMethod='scale');
}

*:first-child+html div#launchbar li.menu ul.items {
  padding: 0 3px 3px 0;
  background: none;
  background: url(../../images/signal_id/launchbar_bg.png) repeat;
}

*:first-child+html div#launchbar li.item {
  background: #000;
}

*:first-child+html div#launchbar ul.items li.last {
  padding-bottom: 5px;
}

div#launchbar ul.menus,
div#launchbar li.menu div.items,
div#launchbar li.menu ul.items,
div#launchbar li.item,
div#launchbar li.item a {
  zoom: 100%;
}

body.with_launchbar div#launchbar {
  _position: absolute;
  _top: 0;
  _left: 0;
}

body.with_launchbar div#Header {
  _margin-bottom: 20px;
  _top: 20px;
}


/*-------------------------------------------------
REDESIGN AUGUST 2010
-------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html { height: 100%; padding-bottom:1px; } /* Force vertical scroll bar to eliminate jitter when switching between tabs */

body {
  margin:0;
  padding:0;
  border:0; /* This removes the border around the viewport in old versions of IE */
  width:100%;
  background-color: #f3f1ec;
  text-align: left;
  font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif;
}

a:link, a:visited { 
  color: rgb(0,71,179); /*hsl(216, 100%, 35%)*/
}

a img { border: none; }
p { margin: 1.0em 0; line-height: 1.4em; font-size: 13px; }

p.submit {
  color: #666;
  font-size: 11px;
}

p.back {
  margin: 0.5em 0 1.5em 0;
}

h1 { font-size: 22px; }
h3 { font-size: 16px; }
h4 { font-size: 13px; margin-bottom: 10px; }
h5 { font-size: 12px; margin-bottom: 5px; }
h6 { font-size: 10px; font-weight: normal; margin-bottom: 0; }

h1 span { font-weight: normal; }
h1 span.toggle { font-size: 12px; }
h1 small.toggle { font-size: 10px; }

h1 small.toggle a {
  text-decoration: none;
  color: #999;
}

h1 small.toggle a:hover,
h1 small.toggle a:visited:hover {
  color: #666;
  text-decoration: underline;
}

table { width: 100%; border-collapse: collapse; }
td, th { text-align: left; }

ul { list-style: none; }
li { font-size: 12px; }

strong.highlight,
span.highlight { background-color: #ffc; }

a.tag {
  display: inline-block;
  background-color: #f0f0f0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  padding: 1px 4px;
  font-size: 12px;
  text-decoration: none;
  color: #222;
  margin: 1px 0;
  line-height: 14px;
}

a.tag:hover, a.tag:visited:hover {
  color: #000;
  background-color: #ebebeb;
  border-color: #d4d4d4;
}

a.tag.selected {
  background-color: #666;
  padding: 1px 4px;
  color: #fff;
}

a.tag.selected:hover {
  background-color: #555;
  padding: 1px 4px;
  color: #fff;
}

a.filter {
  display: block;
  float: left;
  border: 1px solid #dbe2e8;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 2px 6px 3px 20px;
  font-size: 11px;
  text-decoration: none;
  color: #222;
  margin-right: 3px;
  background: #ebf2f4 url(../../images/bkd_filter_close.2.png) no-repeat scroll 6px center;
}

a.filter.add {
  background-color: #fff;
  color: #477b96;
  border-color: #ccc;
  padding-right: 20px;
  background-image: url(../../images/bkd_filter_plus.png);
}

a.remove {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin-left: 3px;
}

a.remove:hover,
a.remove:visited:hover {
  background-position: bottom left;
}

a.admin { color: red; }

.private_strip {
  position: absolute;
  font-size: 10px;
  margin: 0 0 0 -30px;
  padding: 6px 5px 6px 18px;
  background: #FFE6EA url(../../images/lock.png) no-repeat scroll 5px center;
}

span.highlight {
  color: inherit;
  background-color: #ffc;
}

p.select-all {
  color: #888;
  font-size: 11px;
}

select.location {
  width: 90px;
}

small {
  font-size: 10px;
}

code, pre  {
  font-family: monospace;
  background: inherit;
  color: #333;
  font-size: 12px;
}

* html code  {
  font-size : 105%;
}

/*-------------------------------------------------
CSS BUTTONS
-------------------------------------------------*/

span.button {
	/* Ensure the keyboard focus outline can still be seen */
	overflow: hidden;
	margin-left: -1px;
	margin-top: -1px;
	padding: 1px;
	display: inline-block;
  vertical-align: middle
}

span.button a {
  background: url(../img/highrise_sprites.png) no-repeat left -276px;
  display: block;
  float: left;
  font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Verdana', sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 31px;
  padding: 0 0 0 28px;
  text-decoration: none;
  text-shadow: 0 0 1px #ffffff;
  white-space: nowrap;
  text-wrap: none;
}

span.button a span {
  background: url(../img/highrise_sprites.png) no-repeat right -338px;
	color: #000000;
  display: block;
  padding: 0px 16px 2px 0;
  line-height: 29px;
}

span.button a:active,
.active_menu span.button a {
  background-position: 0 -307px;
}

span.button a:active span,
.active_menu span.button a span {
  background-position: 100% -369px;
}

/*-------------------------------------------------
FLASH
-------------------------------------------------*/

div.flash_notice {
  background: #D2FBD7;
  margin-bottom: 12px;
  text-align: left;
  padding: 10px;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

div.flash_alert,
div.flash_error {
  background: #c00;
  color: #fff;
  margin-bottom: 12px;
  padding: 10px;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

/* Global Header
----------------------------*/

body.interstitial #Header {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.global_links {
  width: auto;
  min-width: 120px;
  color: #777;
  padding: 5px 0;
}

.global_links a {
  display: block;
  padding: 2px 5px;
}

.global_links a:link,
.global_links a:visited {
  color: #56778b;
  text-decoration: none;
}

.global_links a:hover,
.global_links a:visited:hover {
  background-color: #f5f5f5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #222;
}

.global_links a.selected:link,
.global_links a.selected:visited {
  background-color: #efefef;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #000;
  font-weight: bold;
}

.global_links li {
  font-size: 13px;
  padding: 1px 0;
  white-space: nowrap;
}

.global_links li.spacer {
  padding: 4px 0;
}

#global_links_container a.help {
  color: #ffffff;
  background: #E07500;
  font-size: 9px;
  font-weight:bold;
  padding: 2px 3px 2px 4px;
  margin-left: 8px;
  text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-transform: uppercase;
  text-decoration: none;
}

#global_links_container a.help:hover {
  border-bottom: none;
}

#page_subject_wrapper {
  position: relative;
}

#page_header {
  padding: 0;
  margin-bottom: 25px;
}

body.overview #page_header,
body.subject #page_header {
  margin-bottom: 0;
}

#page_nav {
  float: left;
}

/* Page Footer
----------------------------*/

#Footer {
  clear: both;
  padding-top: 20px;
  font-size: 10px;
  color: #666;
  line-height: 1.6em;
  text-align: left;
}

#Footer a:link,
#Footer a:visited {
  color: #666;
}

#Footer a:hover,
#Footer a:visited:hover {
  color: #222;
}

#Footer span.sprite {
  margin-right: 10px;
}

/* Body Content
----------------------------*/

#wrapper {
  padding: 0 30px 30px 30px;
  max-width: 1200px;
  min-width: 800px;
  margin: 0 auto;
}

#inner_wrapper {
  padding-left: 215px; /* LC width */
}

#inner_wrapper .column {
  position: relative;
  float: left;
}

#main_body {
  width: 100%;
  position: relative;
  z-index: 1;
}

#page {
  position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  -webkit-box-shadow: 0 0 3px #ccc;
  -moz-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d7d7d7;
  min-height: 500px;
  background-color: #fff;
  padding: 0 0 30px 0;
}

body.narrow_page_with_sidebar_outside div#page {
  margin-right: 220px;
}

body.no_sidebar #wrapper { width: 800px; }
body.no_sidebar #inner_wrapper { padding-left: 0; }
body.no_sidebar #page { min-height: 0; }

#page_contents_wrapper {
  padding-right: 245px; /* RC width */
  position: relative;
  margin-top: 0;
}

body.narrow_page_with_sidebar_outside #page_contents_wrapper {
  padding-right: 10px;
}

#page_main_column {
  position: relative;
  width: 100%;
  padding-bottom: 1.0em;
}

#page_main_column > .liner {
  padding: 0 30px;
}

#page_sidebar {
  width: 215px; /* RC width */
  margin-right: -230px;
  margin-top: 0;
  position: relative;
  z-index: 2;
}

body.narrow_page_with_sidebar_outside #page_sidebar {
  margin-right: 0;
  float: right;
  width: 200px;
  margin-top: 15px;
}

body.full_width #page_contents_wrapper { padding-right: 0; }
body.full_width #page_sidebar { display: none; }

.Fixed {
  margin: 0 auto;
  width: 980px;
}

#global_sidebar {
  position: relative;
  width: 215px; /* LC width */
  right: 215px; /* LC width */
  margin-left: -100%;
}

#global_sidebar > .liner {
  padding-right: 0;
  padding-top: 2px;
}

#global_sidebar hr {
  border: none;
  border-top: 1px solid #dad8d4;
  border-bottom: 1px solid #fff;
  margin: 1.0em 0px 1.0em 0;
}

body.no_sidebar #global_sidebar { 
  display: none;
}

/* PAGE HEADER: Main Navigation
------------------------------------*/

#global_nav {
  margin-top: 12px;
  margin-left: -6px;
}

#global_nav a {
  display: block;
  overflow: hidden;
  padding: 0 6px 0 40px;
  text-decoration: none;
  line-height: 28px;
	font-size: 13px;
	background: transparent url(../img/global_nav_sprite.png) no-repeat scroll 8px 4px;
}

#global_nav a:link,
#global_nav a:visited {
  color: #555;
  text-shadow: 0px 1px 1px #fff;
}

#global_nav a:hover,
#global_nav a:visited:hover {
  background-color: #efede7;
  color: #333;
}

#global_nav li a.selected:link,
#global_nav li a.selected:visited {
  font-weight: bold;
  color: #000;
  background-color: #e5e3de;
}

#global_nav li a span.stat {
	color: #999;
	padding-left: 5px;
	font-size: 10px;
}

#global_nav li a.selected span.stat {
	color: #333;
	font-weight: normal;
}

#global_nav li.dashboard a { background-position: 8px -68px; }
#global_nav li.parties a { background-position: 8px -139px; }
#global_nav li.tasks a { background-position: 8px -211px; }
#global_nav li.kases a { background-position: 8px -283px; }
#global_nav li.deals a { background-position: 8px -357px; }
#global_nav li.search a { background-position: 8px -428px; }

#global_nav li.welcome a.selected { background-position: 8px -32px; }
#global_nav li.dashboard a.selected { background-position: 8px -104px; }
#global_nav li.parties a.selected { background-position: 8px -175px; }
#global_nav li.tasks a.selected { background-position: 8px -247px; }
#global_nav li.kases a.selected { background-position: 8px -319px; }
#global_nav li.deals a.selected { background-position: 8px -393px; }
#global_nav li.search a.selected { background-position: 8px -464px; }

#page_header ul { list-style: none; }
#page_header li { font-size: 12px; margin: 0; }

#page_nav ul,
#page_nav li,
#page_nav a {
  float: left;
}

#page_nav li {
  margin-right: 15px;
  padding: 10px 0;
}

#page_nav a:link,
#page_nav a:visited {
  display: block;
  font-size: 12px;
  padding: 5px 0 20px 0;
  margin-bottom: -20px;
  text-decoration: none;
  color: #9cf;
  font-weight: bold;
}

#page_nav a:hover,
#page_nav a:visited:hover {
  text-decoration: underline;
}

#page_nav li a.selected:link,
#page_nav li a.selected:visited {
  font-weight: bold;
  color: #fff;
  background: transparent url(../../images/bkd_active_tab_notch.png) no-repeat scroll bottom center;
  text-decoration: none;
}

/* PAGE HEADER: Main Actions
------------------------------------*/

#page_actions ul,
#page_actions li {
  float: left;
}

#page_actions ul {
  margin-top: 7px;
  margin-left: -2px;
}

#page_actions li+li {
  padding-left: 1px;
}

#page_actions span.action a {
  position: relative;
  background: url(../img/bkd_page_action_button.png) no-repeat right top;
  display: block;
  height: 32px;
  font-size: 10px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
  white-space: nowrap;
  overflow: none;
  line-height: 32px;
  margin-left: 24px;
  padding-right: 11px;
  color: #fff;
  font-weight: bold;
}

#page_actions span.action a > span {
  display: block;
  margin-left: -24px;
  background: url(../img/bkd_page_action_button.png) no-repeat left bottom;
  padding-left: 25px;
  height: 32px;
  line-height: 32px;
}

/* MODULE: Recent Items
------------------------------------*/

#recent_items {
  margin-bottom: 30px;
}

#recent_items h4 {
  font-size: 11px;
  color: #999;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #fff;
}

#recent_items div.recent_items {
  margin-left: -6px;
	width: 200px;
}

#recent_items a.recent_item {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #ebe8e4;
  padding: 5px 6px;
  text-decoration: none;
  line-height: 1.0em;
}

#recent_items a.recent_item:link,
#recent_items a.recent_item:visited {
  color: #000;
}

#recent_items a.recent_item:hover,
#recent_items a.recent_item:visited:hover {
  background-color: #efede7;
}

#recent_items a.recent_item.selected,
#recent_items a.recent_item.selected:hover {
  background: #e5e5e5;
}

#recent_items span.avatar {
  padding-top: 32px !important;
  width: 32px !important;
  float: left;
  background-color: #fff !important;
  text-indent: -9000px; /* hide text from command-f searches */
}

#recent_items img.avatar {
  padding: 0 !important;
  width: 32px;
  height: 32px;
  float: left;
}

#recent_items a.selected span.avatar {
  border-color: #d0d0d0 !important;
}

#recent_items span.recent_name {
  color: #444;
  text-shadow: 0px 1px 1px #fff;
  font-size: 13px;
  line-height: 1.3;
  font-weight: normal;
	margin: 4px 0 3px 0;
}

#recent_items span.recent_desc {
  font-size: 10px;
  font-weight: normal;
  margin: 0;
	color: #888;
}

#recent_items span.recent_name,
#recent_items span.recent_desc {
  display: block;
  margin-left: 42px;
  line-height: 1em;
}

/* MODULE: Secondary Column Box
------------------------------------*/

.sidebox_wrapper {
  background-color: #fcfcfc;
  border: 2px solid #e5e5e5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.sidebox_wrapper.tasks {
  background-color: #fffff2;
}

.sidebox_wrapper > .liner {
  padding: 12px 15px;
}

.sidebox_wrapper.tasks > .liner {
  padding-bottom: 12px;
}

.sidebox_wrapper + .sidebox_wrapper {
  margin-top: 10px;
}

.sidebox {
  position: relative;
  font-size: 12px;
  line-height: 1.4em;
  word-wrap: break-word;
}

.sidebox + .sidebox {
  margin-top: 24px;
}

.sidebox hr {
  border: none;
  margin: 1.7em 0;
}

.sidebox h4 {
  text-transform: none;
  font-size: 11px;
  color: #222;
  margin-bottom: 0.5em;
}

.closedbox h5,
.closedbox h6 {
  line-height: 1.0em;
  padding: 0 0 3px 0;
  font-size: 12px;
  text-transform: none;
  border-bottom: 1px solid #efefef;
  color: #222;
  font-weight: bold;
}

.closedbox h6 {
  border: none;
  margin-bottom: 3px;
  text-transform: none;
  color: #222;
}

.closedbox h5 span,
.closedbox h6 span {
  float: right;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0px;
  text-transform: none;
  color: #ccc;
}

.closedbox h5 a:link,
.closedbox h5 a:visited {
  text-decoration: none;
}

.closedbox h5 a:hover,
.closedbox h5 a:visited:hover {
  color: #000;
}

.closedbox h6 a:link,
.closedbox h6 a:visited {
  text-decoration: none;
}

.closedbox p {
  margin: 0;
  font-size: 12px;
  line-height: 1.3em;
}

.closedbox div.download {
  margin: 1em 0 0;
}

.closedbox p+p {
  margin-top: 1.0em;
}

.closedbox ul {
  margin-top: 1.0em;
}

.closedbox li {
  padding-bottom: 5px;
}


/* MODULE: Contact Method
------------------------------------*/

.contact_methods {
  line-height: 18px;
}

.contact_method.address,
.contact_method.first.instant_messenger,
.contact_method.first.web_address {
  margin-top: 12px;  
}

.contact_method a:link,
.contact_method a:visited {
  color: black;
}

.contact_method .location {
  font-size: 9px;
  color: #777;
}

/* MODULE: Page Filter
------------------------------------*/

#page_filter {
  border-bottom: 2px solid #d6d6d6;
  margin: 0 0 25px 0;
  padding-bottom: 15px;
}

#page_filter.simple {
  border-bottom: none;
  margin: 0 0 25px 0;
  padding-bottom: 0;
}

#page_filter_options p {
  line-height: 1.6em;
  font-size: 12px;
  margin: 0 0 7px 0;
}

div#page_filter_options span.other_indexes {margin-top: -0.5em;}

#page_filter.simple #page_filter_options p {
  margin: 0;
}

#page_filter_options a {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #477b96;
}

#page_filter_selected {
  margin-top: 10px;
  overflow: hidden;
}

#page_filter_options span.button a {
  border-bottom: none;
}

/*-------------------------------------------------
MODAL
-------------------------------------------------*/

body.modal {
}

body.modal div.outer {
  margin: 60px 0 15px 0;
}

body.modal div.outer img {
  max-width: 400px;
  max-height: 200px;
}

body.modal div.below {
  width: 480px;
  margin: 5px auto 0 auto;
  font-size: 10px;
  text-align: right;
}

body.modal div.below a {
  color: #777;
}

body.modal div.below a:hover {
  color: #fff;
  background: #666;
}

.modal_container {
  border: 10px solid #ccc;
  background: #fff;
  text-align: left;
  width: 480px;
  margin: 0 auto;
}

.modal_container div.inner {
  margin: 15px 20px 10px 20px;
}

.modal_container div.content {
  /* creates space for the logo */
  margin: 0 0 15px 120px;
}

body.modal h1 {
  border-bottom: 0;
  margin: 0 0 15px 0;
  font-size: 18px;
  color: #000;
}

/*-------------------------------------------------
Clearing
-------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}
.clearfix {display: block;}

/*-------------------------------------------------
INDICATOR
-------------------------------------------------*/

.busy {
  background: url(../../images/dots-white.gif) no-repeat 5px center;
}

.busy * {
  visibility: hidden;
}

a.busy, a.busy:hover {
  background: url(../../images/dots-white.gif) no-repeat center center;
  text-decoration: none;
}

/*-------------------------------------------------
INTERSTITIAL
-------------------------------------------------*/

.interstitial div.wrapper {
  width: 600px;
  margin: 30px auto 0 auto;
}

.interstitial .container {
  -webkit-box-shadow: 0 0 3px #ccc;
  -moz-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d7d7d7;
  background-color: #fff;
}

.interstitial .col {
  padding: 15px 30px 30px 30px;
}

.interstitial #Footer {
  margin-left: 0;
}

.interstitial .innercol {
  font-size: 13px;
  line-height: 140%;
}

.interstitial .innercol p {
  margin: 0 0 1em 0;
}

.interstitial .innercol p.submit {
  color: #666;
  margin: 2em 0 0 0;
}

.interstitial.wide div.wrapper,
.interstitial.wide .container {
  width: 800px !important;
}

/* interstitial_sidebar layout */
.interstitial.no_sidebar #page_contents_wrapper {margin-top: 25px;}
.interstitial.no_sidebar div#wrapper {margin-top: 30px;}

/*-------------------------------------------------
PAGE HEADERS
-------------------------------------------------*/

div.page_header {
  background: rgb(241,245,250); background: hsl(208, 40%, 96%);
  border-bottom: 1px solid #dadee5;
  padding: 15px 30px;
  margin: 0;
  -webkit-border-top-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

div.page_divider {
  margin: 0 -275px 0 -30px;
  background: rgb(241,245,250); background: hsl(208, 40%, 96%);
  border-top: 1px solid #dadee5;
  border-bottom: 1px solid #dadee5;
  padding: 10px 15px 10px 30px;
}

div.page_header h1,
div.page_divider h2 {
  font-size: 16px;
  color: #036;
  color: #000;
  font-weight: normal;
  margin: 0;
}

/*-------------------------------------------------
PAGE FOOTERS
-------------------------------------------------*/

#page_footer {
  background-color: #f5f5f5;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}


div.link_button {
  /* Ensure the keyboard focus outline can still be seen */
  overflow: hidden;
  margin-left: -1px;
  margin-top: -1px;
  margin-right: 0.4em;
  padding: 1px;
}

div.link_button a {
  background: url("../../images/highrise_sprites.png") no-repeat left -214px;
  display: block;
  float: left;
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Verdana", sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 31px;
  padding: 0 0 0 12px;
  text-decoration: none;
  text-shadow: 0 0 1px #ffffff;
  text-wrap: none;
}

div.link_button a span {
  background: url("../../images/highrise_sprites.png") no-repeat right -338px;
  color: #000000;
  display: block;
  padding: 0px 12px 2px 0;
  line-height: 29px;
}

div.link_button.pressed a {
  background-position: left -245px;
}

div.link_button.pressed a span {
  background-position: right -369px;
}

div.link_button a.add {
  padding-left: 30px;
  background-position: left -276px;
}

div.link_button.pressed a.add {
  background-position: left -307px;
}


.switchable.displays > .linkedin {
  padding-bottom: 18px;
}

.linkedin,
.linkedin h1,
.linkedin p {
  font-size: 13px;
  line-height: 18px;
  margin: 0;
}

.linkedin .fine_print,
.linkedin .fine_print p,
.linkedin .fine_print a {
  font-size: 11px;
  line-height: 15px;
  color: #777;
}

.linkedin .skill {
  white-space: nowrap;
}

.linkedin .header td {
  vertical-align: middle;
}

.linkedin .header td.icon {
  width: 48px;
}

.linkedin .header td.text {
  padding-left: 12px;
}

.linkedin .connect.header td.text {
  color: black;
}

.linkedin .profile.header .connections_and_recommendations {
  color: black;
}

.linkedin .profile.header .connections_and_recommendations .bullet {
  color: #bbb;
}

.linkedin .profile.header .link_to.profile {
  color: #777;
}

.linkedin .visit_public_profile {
  border-top: 1px solid #ddd;
  margin-top: 18px;
  padding-top: 17px;
}

.linkedin .summary,
.linkedin .specialties,
.linkedin .instructions {
  margin: 15px 0;
}

.linkedin .summary p,
.linkedin .specialties p,
.linkedin .instructions p {
  margin: 0 0 15px;
}

.linkedin .section {
  border-top: 1px solid #ddd;
  margin-top: 23px;
}

.linkedin .section > .entry,
.linkedin .section > table,
.linkedin .section > p {
  margin: 15px 0px 18px 18px;
}

.linkedin .section > .entry a {
  color: #000;
}

.linkedin .section > .entry .fine_print p {
  margin: 9px 0 0;
}

.linkedin table td {
  width: 99%;
  color: #777;
}

.linkedin table td.name {
  color: #000;
  width: 1%;
  padding-right: 9px;
}

.linkedin .notice p {
  margin: 15px 0px;
}
.linkedin .notice .link_to.edit {
  color: red;
}

#linkedin {
  min-height: 10px;
}

a#linkedin_search {
  position: absolute;
  padding-left: 4px;
  font-size: 11px;
  white-space: nowrap;
}

#linkedin_search_results p.choose {
  font-weight: bold;
  margin: 0 0 10px 0;
}

#linkedin_search_results ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#linkedin_search_results ol li {
  margin: 0 0 10px 0;
  padding: 0;
  overflow: hidden;
}

#linkedin_search_results a {
  text-decoration: none;
}

#linkedin_search_results span.headline {
  color: #999;
}

#linkedin_search_results .linkedin_avatar {
  float: left;
  margin: 0 10px 0 0;
}

#linkedin_search_results p.none a {
  text-decoration: underline;
}


div.quick_find span.overlay_wrapper {
  position: relative;
  top: 0;
  left: 0;
}

div.quick_find span.overlay_wrapper input {
  position: relative;
  background: none;
  top: 0;
  z-index: 10;
}

div.quick_find span.overlay_wrapper label.overlabel {
  position: absolute;
  top: 1px;
  left: 3px;
  z-index: 20;
  color: #777 !important;
  font-size: 14px;
  padding-left: 22px;
}

*:first-child+html div.quick_find span.overlay_wrapper label.overlabel {
  top: 6px;
  left: 5px;
}

div.quick_find span.overlay_wrapper label.focus {
  color: #acacac !important;
}

div.live_search_result_list,
div.live_search_result_list * {
  z-index: 3000;
}

div.live_search_result_list {
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  border: 1px solid #999;
  border-top: none;
	width: 400px;
}

div.live_search_result_list div.content {
  margin: 0;
  background: #fff;
  max-height: 200px;
  font-size: 14px;
	line-height: 1.4em;
  text-align: left;
  overflow: auto;
}

div.live_search_result_list div.info {
  padding: 3px 10px;
  background: #fff !important;
  color: #888 !important;
}

div.live_search_result_list div.result {
  padding: 3px 10px;
  cursor: pointer;
}

div.live_search_result_list div.result span.name {
  padding-right: 2px;
}

div.live_search_result_list div.result span.type {
  color: #948B6E;
}

div.live_search_result_list div.result div.score {
  color: #888;
  float: right;
  margin: 0 0 0 10px;
}

div.live_search_result_list div.result.selected {
  background: Highlight;
  color: HighlightText;
}


/*-------------------------------------------------
LOGIN FORM
-------------------------------------------------*/

body.login .modal_container {width: 466px;}
body:first-of-type .modal_container {border: none;}

body.login .modal_container .inner {
  padding: 23px 28px 8px;
  margin: 0;
}

body.login .modal_container div.content {
  margin-left: 0;
}

body.login label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin: 0 0 2px;
}

body.login p {
  margin: 0 0 6px 0;
  font-size: 11px;
}

body.login p label {
  font-size: 14px;
  padding-top: 3px;
  margin-bottom: 3px;
}

body.login p span.note {
  color: #ccc;
  font-size: 11px;
  margin-left: 5px;
}

body.login input#username,
body.login input#password {
  width: 275px;
  padding: 3px;
  font-size: 14px;
}

body.login div.checkbox_and_submit {
  font-size: 12px;
  color: #666;
}

body.login div.checkbox_and_submit p {
  margin: 8px 0 0;
  padding: 0;
}

body.login div.checkbox_and_submit p .button {margin: 0;}

body.login div.checkbox_and_submit p label {
  float: none;
  display: inline;
  font-size: 12px;
  width: auto;
  font-weight: normal;
  margin-top: 8px;
}

body.login div.extras {
  border-top: 1px dashed #ccc;
  margin-top: 15px;
  padding-top: 10px;
}

body.login div.extras ul {
  margin: 2px 0 0;
  padding: 0;
}

body.login div.extras ul li {
  list-style: none;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 3px;
}

body.login .content .button {
  padding: 3px;
}

body.modal .modal_container {
  background: #fff;
  margin: 5px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 6px #999; /* firefox 3.5+ */
  -webkit-box-shadow: 0 0 6px #999; /* webkit */
  box-shadow: 0 0 6px #999;
}

body.modal div.outer {
  margin: 60px 0 15px 0;;
  text-align: center;
}

body.modal div.below {
  width: 480px;
  margin: 5px auto 0 auto;
  font-size: 10px;
  text-align: right;
}

body.modal div.below a {
  color: #777;
}

body.modal div.below a:hover {
  color: #fff;
  background: #666;
}

.modal_container {
  border: 10px solid #ccc;
  background: #fff;
  text-align: left;
  width: 480px;
  margin: 0 auto;
}

.modal_container div.inner {
  margin: 15px 20px 10px 20px;
}

.modal_container div.content {
  /* creates space for the logo */
  margin: 0 0 15px 120px;
}

body.modal h1 {
  border-bottom: 0;
  margin: 0 0 15px 0;
  font-size: 18px;
  color: #000;
}


.new_party_menu {
  overflow: hidden; 
  font-size: 13px;
  line-height: 18px;
  background: #ddd;
  height: 69px; 
}

.new_party_menu > div { 
  width: 144px;
  float: left;
  text-align: center;
  height: 60px;
  padding-top: 9px;
  margin-right: 1px;
  background: #eee;
  position: relative;
}

.new_party_menu > div.activated { 
  background: white;
}

.new_party_menu > div .text { 
  width: 100%;
  position: absolute;
  bottom: 9px;
  left: 0px;
  right: 0px;
}

.new_party_menu > div.vcard .sprite { 
  position: relative;
  top: 2px;
}


/*-------------------------------------------------
NEW NOTE
-------------------------------------------------*/

#new_note_container {
  font-size: 12px;
  margin: 10px 0;
}

#new_note_container > .header {
  cursor: default;
  margin-bottom: 3px;
}

#new_note_container > .header h1 {
  font-size: 13px;
  line-height: 18px;
  margin: 0;
}

#new_note_container > .header p {
  font-size: 11px;
  line-height: 15px;
  margin: 0;
  color: #777;
}

#new_note_container .note_body {
  margin: 0px 4px;
}

#new_note_container .note_body textarea {
  display: block;
  margin:0px -5px;
  font-size: 13px;
  resize: vertical;
}

#new_note_container .submit input { 
  margin:0px;
}

#new_note_container .toggle,
#new_note_container .toggle a {
  font-size: 11px;
  color: #777;
}

#new_note_container .basics {
  position: relative;
  margin: 3px 0 0;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
}

#new_note_container p {
  font-size: 12px;
  line-height: 17px;
}

#new_note_container p.blank_slate {
  margin-top: 6px;
}

#new_note_container .basics .submit {
  float: right;
}

#new_note_container .basics .busy {
  background-position: right center;
}

#new_note_container .extra {
  margin: 15px 0;
  color: #222;
}

#new_note_container .extra h2 {
  color: #000;
  font-size: 12px;
  margin: 0 0 3px 0;
}

#new_note_container .extra input {
  font-size: 12px;
}

#new_note_container .extra .small {
  color:#666;
  font-size:10px;
  line-height:12px;
}

#new_note_container .extras .actions {
  position:relative;
  border-top:1px solid #ccc;
  padding:10px 0px 0px;
}

#new_note_container .extras .actions .toggle {
  position:absolute;
  right:0px;
  top:10px;
}

#new_note_container .extra .attachments,
#new_note_container .extra .select_subscribers {
  padding-top: 3px;
}

#new_note_container .extra .select_subscribers table {
  margin:0;  
  padding:0;
}

#new_note_container .extra .select_subscribers td {
  padding:0 25px 0 0;
  vertical-align:top;
  line-height: 1.5em;
}

#new_note_container .extra .everyone {
  line-height: 1.5em;
}

table.selection {
	width: 1%;
}

table.selection td {
	white-space: nowrap;
}

/*-------------------------------------------------
EDIT NOTE
-------------------------------------------------*/

.recording div.edit_note {
  margin-right: 0;
}

.recording div.edit_note .note_body {
  position:relative;
  margin:0px 4px;
}

.recording div.edit_note .note_body textarea {
  display: block;
  margin:0px -5px;
  font-size: 13px;
  height: 250px;
  resize: vertical;
}

.recording div.edit_note h2 {
  font-size: 12px;
  margin: 0 0 3px 0;
}

.recording div.form_section {
  margin: 0 0 15px 0;
}

.recording div.edit_note .permissions {
  margin-bottom:15px;
}


div.hover_container div.nubbin {
  display: none;
  position: relative;
  top: -6px;
  left: -4px;
  width: 0;
  height: 0;
}

div.hover div.nubbin {display: block;}
div.hover_container div.hover_container div.nubbin {display: none;}
div.hover_container div.hover div.nubbin {display: block;}

div.hover_container div.nubbin div.nubbin_content {
  position: absolute;
  width: 59px;
  height: 19px;
  right: 0;
  margin: 0;
  padding: 7px 0 0 9px;
  background: url(../../images/highrise_sprites.png) no-repeat 0 -401px;
  font-size: 11px;
  line-height: 10px;
}

div.hover_container div.nubbin ul {
  margin: 0;
  padding: 0;
}

div.hover_container div.nubbin li {
  float: left;
  list-style-type: none;
  margin: 0 4px 0 0;
}

div.hover_container div.nubbin li a {
  font-size: 11px;
  padding: 0;
  background: none;
  color: #f00;
  text-decoration: underline;
}

div.hover_container div.nubbin li a.admin {
  font-family: "Lucida Grande", Tahoma, sans-serif;
}

div.hover_container div.nubbin li span.sprite {
  vertical-align: top;
}

div.hover_container div.nubbin li a.image {
  text-decoration: none;
}

div.hover_container div.nubbin img.drag_handle {
  cursor: move;
}


/*-------------------------------------------------
PARTIES INDEX
-------------------------------------------------*/

body.parties div.page_header {
  margin-bottom: 0;
}

body.parties #page_sidebar {
  margin-right: -260px;
  width: 245px;
}

body.parties #page_contents_wrapper {
  padding-right: 275px;
}

body.parties div.innercol {
  padding-right: 30px;
  padding-left: 15px;
}

body.parties #browser .loading {
  opacity: 0.3;
}

body.parties #parties_loading {
  width: 200px;
  margin: 0 auto;
  position: relative;
}

body.parties #parties_loading .liner {
  position:absolute;
  top:40px;
  z-index:1000;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px;
  width:98px;
  border:1px solid #bbb;
  border-radius:3px;
  padding: 30px 0;
  background-color:#fff;
  text-align:center;
  width: 198px;
}

body.parties #parties_loading h3 {
  margin-bottom: 10px;
}

body.parties .content {
  margin-bottom: 15px;
}

body.parties .pager span {
  background: url(../../images/highrise_sprites.png) no-repeat left -214px;
  display: block;
  float: left;
  font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Verdana', sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 31px;
  padding: 0 0 0 12px;
  text-shadow: 0 0 1px #ffffff;
  text-wrap: none;
  white-space: nowrap;
  line-height: 29px;
}

body.parties .pager span a {
  background: url(../../images/highrise_sprites.png) no-repeat right -338px;
  color: #000000;
  display: block;
  padding: 0px 16px 2px 4px;
  text-decoration: none;
}

body.parties .pager span.current,
body.parties .pager span.current a {
  background-image: none;
  padding: 0 6px;
  font-weight: normal;
  text-shadow: none;
}

body.parties .pager a.disabled {
  color: #999;
}


table.index { 
  width: 100%;
  border-collapse: collapse;

}

table.index td {
  vertical-align: top;
  font-size: 11px;
  padding: 12px 0;
  height: 55px;
  border-bottom: 1px solid #eee;
}

table.index td.checkbox {
  padding: 12px;
  vertical-align: top;
}

table.index td.avatar {
  padding: 11px 0px 0px;
}

table.index td.avatar a {
  display: block;
}

table.index td.avatar *.avatar {
  z-index: 1;
  margin: 0;
}

table.index td.party {
  padding-left: 12px;
  width: 100%;
}

table.index td.party h3 {
  color: #000;
  margin-bottom: 3px;
}

table.index td.party h3 a:hover,
table.index td.party h3 a:visited:hover {
  text-decoration: underline;
}

table.index td.party .link_to.email {
  margin-right: 6px;
  text-decoration: none;
}

table.index td.party h6 {
  color: #888;
  font-size: 12px;
  line-height: 1.3em;
  margin-bottom: 3px;
}

table.index td.party h6 a {
  color: #888;
}

table.index td.party h6 a:hover,
table.index td.party h6 a:visited:hover {
  color: #444;
}

table.index td.party p.tags {
  margin: 5px 0 0 0;
  color: #000;
}

table.index a {
  text-decoration: none;
}

table.index td.date {
  color: #666;
  font-size: 10px;
  white-space: nowrap;
}

table.index td.date span {
  background-color: #fc0;
  padding: 2px 4px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

body.parties div#parties {
  clear: both;
}

body.parties div.other_ways_to_add {
  font-size: 12px;
  line-height: 22px;
  margin: 8px 0 25px 7px;
  color: #999;
}

body.parties div.other_ways_to_add img {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

body.parties div.other_ways_to_add a.clicked {
  color: #666 !important;
}

body.parties div.avatar_subject div.info h1 {
  font-size: 16px;
  margin:0 0 2px 0;
}

body.parties div.sidebox_wrapper {
  background-color: transparent;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-left: 1px solid #efefef;
  margin-top: -25px;
}

body.parties div.sidebox_wrapper > .liner {
  padding: 27px 0 0 30px;
}

div#toggle_parties_view {
 margin-top: -2px;
}


/*-------------------------------------------------
INDEX - SEARCH
-------------------------------------------------*/

div#parties_search div.basic div.search_and_filters {
  margin-top: 2px;
  overflow: auto;
}

body.parties div#parties div.search_results_header {
  font-weight: bold;
}

div#parties_search div.basic div.live_search {
  float: left;
  color: #666;
  font-size: 10px;
  margin: 4px 0 3px 0;
  width: 60%;
  overflow: hidden;
}

div#parties_search div.basic div.live_search input {
  font-size: 16px;
  width: 95%;
}

div#parties_search div.basic div.live_search_spinner {
  margin-top: 15px;
}

body.parties div#parties div.search_results_header span.people_or_companies {
  font-size: 13px;
  line-height: 22px;
}

body.parties div#parties div.search_results_header span.people_or_companies span,
body.parties div#parties div.search_results_header span.people_or_companies strong {
  color: #333;
}

body.parties table.index div.avatar_subject,
body.parties table.index div.avatar_subject img.avatar,
body.parties table.index div.avatar_subject span.avatar  {
  margin: 0;
}

body.parties table.index div.avatar_subject img.avatar,
body.parties table.index div.avatar_subject span.avatar {
  margin-left: 7px;
}

body.parties table.index div.avatar_subject div.info {
  margin-left: 0;
}

body.parties table.index tr.selected { background: #ffc; }

/*-------------------------------------------------
NEW
-------------------------------------------------*/

body.new_party #page_header {
  margin-bottom: 0;
}

body.new_party div.page_header {
  border-bottom: none;
}

body.new_party div.page_divider {
  border-top: none;
  padding-top: 0;
  padding-bottom: 3px;
  margin-right: -40px;
}

body.new_party table.contact_types,
body.new_person table.contact_types {
  margin-top: 0;
}

body.parties div.button_to_add_new {
  margin-bottom: 0;
}

body.parties div.button_to_add_new img,
body.overview div.button_to_add_new img {
  width: 163px;
}

body.parties div.button_to_add_new a.pressed,
body.overview div.button_to_add_new a.pressed {
  background-image: url(../../images/parties/add_a_new_person-pressed.gif);
  width: 163px;
}

body.new_party p.submit {
  margin-top: 10px;
  border: none;
}

body.new_party table.subject_header {
  width: 100%;
  margin-bottom: 0;
}

body.new_party table.subject_header td.name {
  padding: 0;
}

body.new_party table.subject_header td.name h1 {
  margin-bottom: 10px;
  margin-left: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #D6D6D6;
}

body.new_party table.subject_header td.name input {
  width: 65%;
  min-width: 275px;
} 

body.new_party table.subject_header td.name input.name {
  font-size: 18px;  
}

body.new_party .Left .innercol {
  padding: 0;
}

body.new_party .primary_fields {
  margin-bottom: 0;
}

body.new_party .primary_fields table.contact_types tr.last th,
body.new_party .primary_fields table.contact_types tr.last td {
  border: none;
}

body.new_party .primary_fields table.contact_types th h2 {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

body.new_party .secondary_fields {
  padding: 0;
  width: auto;
}

body.new_party div.background {
  padding: 12px 0 0 0 !important;
}

body.new_party div.background p.background_label {
  color: #999;
  font-size: 12px;
  margin: 0;
}

body.new_party div.background p.background_label strong {
  color: #000;
}

body.new_party div.background div.contact_method textarea {
  width: 100%;
  height: 70px;
  min-width: 275px;
  font-size: 12px;
}

body.new_person table.subject_header {
  margin-top: 0;
}

body.new_person table.contact_types tr.company td  {
  padding-top: 0;
}

body.new_person table.contact_types tr.company th  {
  padding-top: 7px;
}

body.new_person table.contact_types tr.title td  {
  padding-bottom: 0;
}

body.new_person table.contact_types tr.title h2,
body.new_person table.contact_types tr.company h2 {
  font-size: 12px;
}


/*-------------------------------------------------
EDIT
-------------------------------------------------*/

.edit div.contact_forms input,
.edit div.contact_forms textarea,
.edit div.contact_forms select,
body.new_party div.contact_forms input,
body.new_party div.contact_forms textarea,
body.new_party div.contact_forms select  {
  color: #000;
  font-size: 11px;
}

.edit div.contact_forms input.blank,
.edit div.contact_forms textarea.blank,
.edit div.contact_forms label.overlabel,
body.new_party div.contact_forms input.blank,
body.new_party div.contact_forms textarea.blank,
body.new_party table.subject_header input.blank {
  color: #999 !important;
  font-size: 11px;
}

.edit div.contact_forms span.overlay_wrapper {
  position: relative;
  top: 0;
  left: 0;
  background: white;
}

.edit div.contact_forms input, .edit div.contact_forms textarea {
  position: relative;
  top: 0;
  z-index: 10;
}

.edit div.contact_forms span.overlay_wrapper label.overlabel {
  position: absolute;
  left: 4px;
  line-height: 21px;
}

.edit div.contact_forms input.overlayable,
.edit div.contact_forms textarea.overlayable {
  background: transparent url(../../images/bkd_field.gif) repeat-x scroll center top;
}

.edit div.contact_forms p.address span.overlay_wrapper label.overlabel {
  top: 2px;
}

.edit div.contact_forms p.address span.overlay_wrapper {
  display: block;
}

.edit div.contact_forms span.overlay_wrapper label.focus {
  color: #ccc !important;
}

.edit div.contact_forms div.add,
body.new_party div.contact_forms div.add {
  font-size: 11px;
  padding: 0 0 3px;
}

.edit div.addresses div.fields,
body.new_party div.addresses div.fields {
  padding-bottom: 8px;
}

.edit div.upload_photo div.form_section {
  padding-left: 7px;
}

.edit div.upload_photo th {
  vertical-align: top;
  text-align: right;
  padding-right: 5px;
}

.edit div.upload_photo p.remove_avatar {
  margin-top: 10px;
}

.edit div.upload_photo td a {
  color: #666;
  font-size: 10px;
}

.edit div.upload_photo td a:hover {
  color: #fff;
  background: #666;
}

.edit div.upload_photo td p {
  margin: 5px 0 0 0;
}

div.contact_forms textarea {
  height: 70px;
  width: 70%;
}

div.contact_forms {
  width: 100%;
}

div.contact_forms {
  padding: 0 5px 0 0;
}

div.contact_forms th {
  padding: 0 0 0 3px;
  width: 1%; 
  white-space: nowrap;
  text-align: left;
}

div.contact_forms th img {
  vertical-align: middle;
}

div.contact_forms.addremove {
  width: 1%;
}

div.contact_forms.addremove img {
  margin-left: 5px;
}

.edit div.contact_forms .instant_messenger input,
body.new_party div.contact_forms .instant_messenger input {
  width: 36%;  
}

.edit div.contact_forms .instant_messenger select.protocols,
body.new_party div.contact_forms .instant_messenger select.protocols {  
  width: 20%;
}

.edit div.contact_forms div.street,
body.new_party div.contact_forms div.street {
  vertical-align: top;
  padding-top: 2px;
}

.edit div.contact_forms div.street span.addremove,
body.new_party div.contact_forms div.strett span.addremove {
  vertical-align: top;
  padding-top: 2px;
}

div.contact_forms div.street textarea,
body.new_party div.street textarea {width: 66%;}
div.contact_forms div.street .city,
body.new_party div.street .city {width: 28%;}
div.contact_forms div.street .state,
body.new_party div.street .state {width: 13%;}
div.contact_forms div.street .zip,
body.new_party div.street .zip {width: 18%;}
div.contact_forms div.street .country,
body.new_party div.street .country {width: 50%;}

div.addresses div.fields div.loc_remove {
  position: absolute; 
  top: 0;
  right: 0;
  width: 32%;
}

div.addresses div.fields p {
  margin: 2px 0 0;
}

div.contact_forms .addremove {  
  padding-left: 0;
}

div.contact_forms select {
  font-size: 12px !important;
  width: 90px;
}

.edit div#background_tab textarea {
  width: 90%;
  height: 200px;
}

div.addresses div.fields div.loc_remove select {
  width: 70px;
}

div.contact_forms div.street,
body.new_party div.street {
  margin-bottom: 3px;
}


/*-------------------------------------------------
SHOW
-------------------------------------------------*/

body.party table.subject_header td.name {
  vertical-align: top;
}

body.party table.subject_header td.icon {
  padding-right: 7px;
}

body.party table.subject_header td.icon a,
body.case table.subject_header td.icon a {
  display: block;
  overflow: hidden;
  padding: 4px;
  -webkit-box-shadow: 0px 0px 1px rgba(00,00,00,0.3);
  -moz-box-shadow: 0px 0px 1px rgba(00,00,00,0.3);
}


/*-------------------------------------------------
CONTACT INFO
-------------------------------------------------*/

div.contact_info p {
  font-size: 13px;
}

div.contact_forms h2 {
}

div.contact_info .no_contact_info p {
  font-size: 11px;
  color: #777;
}

.contact_info table {
  margin-bottom: 7px;
}

.contact_info th {
  text-align: right;
  padding: 2px 0 0 0;
  font-weight: normal;
  font-size: 10px;
  vertical-align: top;
  width: 45px;
  white-space: nowrap;
}

.contact_info td {
  padding: 0 0 3px 6px;
  font-weight: normal;
  letter-spacing: normal;
  font-size: 12px;
  line-height: 140%;
}

.contact_info td span {
  font-size: 10px;
  color: #888;
}

.contact_info td.primary_phone {
  font-weight: bold;
}

.contact_info td.vcard {
  font-size: 11px;
}

.contact_info .address th {
  padding-top: 1px;
}


/*-------------------------------------------------
CUSTOM DATA
-------------------------------------------------*/

.sidebox .custom_data > div {
  font-size: 12px;
  line-height: 18px;
  margin: 9px 0;
}

.sidebox .custom_data .label {
  font-size: 11px;
  line-height: 15px;
  color: #777;
}

.sidebox .custom_data a {
  word-wrap: break-word;
}

.zoom_contact_details .custom_data {
  display: none;
}

/*-------------------------------------------------
BULK BAR
-------------------------------------------------*/

div.bulk_bar {
  margin: 10px 0 0 0;
  text-align: left;
  font-size: 12px;
  line-height: 1.4em;
}

div.bulk_bar small {
  font-size: 10px;
  color: #666;
}

div.bulk_bar#bulk_tag_notification,
div.bulk_bar#bulk_permission_notification {
  background-color: #ffc;
  margin: 0;
  padding: 10px 8px;
}

div.bulk_bar#bulk_tag_notification form,
div.bulk_bar#bulk_permission_notification form {
  display: none;
}

div.bulk_bar#bulk_tag_notification .hide,
div.bulk_bar#bulk_permission_notification .hide {
  float: right;
  color: #00c;
}

div.bulk_bar#bulk_tag_notification .hide:hover,
div.bulk_bar#bulk_permission_notification .hide:hover {
  background: #00c;
  color: #fff;
}

div.recent_imports ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.recent_imports li {
  line-height: 1.1em;
  font-size: 11px;
}

div.recent_imports a.selected {
  font-weight: bold;
}

/*-------------------------------------------------
IMPORT RESULTS
-------------------------------------------------*/

body.import_results .dropped_contacts {
  margin: 0 0 20px 20px;
}

body.import_results .dropped_contacts span {
  color: red;
}

body.import_results div.avatar_subject div.info {margin-left: 0;}

body.import_results p.submit {
  color: #666;
  font-size: 12px;
}

body.import_results table.index {
  margin: 20px 0;
}

body.import_results p.submit a.admin {
  font-size: 12px;
}

body.import_results table.index a:link,
body.import_results table.index a:visited,
body.import_results table.index a:hover {
  background: #fff;
  text-decoration: none;
  cursor: default;
}

body.import_results td.checkbox {
  display: none;
}

body.import_results table.index td.avatar {
  padding-left: 0;
}

/*-------------------------------------------------
PREVIEW
-------------------------------------------------*/

div.preview table.subject_header {
  margin-bottom: 10px;
}

div.quick_show_window_content div.preview div.contact_methods table td span {
  font-size: 10px;
  color: #888;
}

div.preview table {
  margin-top: 3px;
}

div.quick_show_window_content div.preview table.subject_header td.name h2 {
  font-size: 16px;
  font-family: helvetica;
  font-weight: normal;
}

div.preview table th {
  width: 53px;
  font-size: 11px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  padding: 0 4px 0 0;
}

/*-------------------------------------------------
Zoom contact
-------------------------------------------------*/

#zoom_card {
  position: absolute;
  z-index: 999;
  background: #000;
  background: rgba(255,255,255,0.9);
  padding: 1px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 15px;
}

#zoom_box {
  display: table;
  height: 100%;
  width: 100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: rgba(0,0,0,0.9);
}

#zoom_close {
  position:absolute;
  top:-13px;
  right:-13px;
}

#zoom_close img {
  border:none;
  margin:0;
  padding:0;
}

/* CONTACT DETAILS ZOOM */
div.zoom_contact_details {
  text-align: left;
  text-shadow: 0 1px 1px rgba(0,0,0,1.0);
  padding: 40px;
}

div.zoom_contact_details h1 {
  color: #fff;
  font-size: 30px;
  margin: 0;
  white-space: nowrap;
}

div.zoom_contact_details h2 {
  color: #999;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}

div.zoom_contact_details div.contact_header {
  border-bottom: 1px solid #333;
  padding-bottom: 20px;
  margin-bottom: 20px;
  min-width: 600px;
}

div.zoom_contact_details div.contact_header .avatar {
  float: left;
  border: 1px solid #333;
}

div.zoom_contact_details div.contact_header_details {
  margin-left: 80px;
}

div.zoom_contact_details div.contact_method {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding: 3px 0;
  line-height: normal;
}

div.zoom_contact_details div.contact_method.first {
  margin-top: 16px;
}

div.zoom_contact_details div.contact_method span {
  font-size: 18px;
  color: #444;
  font-weight: normal;
  text-align: left;
  padding: 6px 30px 6px 0;
}

div.zoom_contact_details div.contact_method small {
  font-size: 14px;
}

div.zoom_contact_details div.contact_method a:link,
div.zoom_contact_details div.contact_method a:visited {
  color: #69c;
  text-decoration: none;
  font-weight: normal;
}


#browser {
  position: relative;
  font-size: 13px;
  line-height: 18px;
}

#browser .import_notification {
  font-size: 13px;
  font-weight: bold;
  position:absolute;
  top:0px;
}

#browser .party_search_filters {
  position: relative;
  margin:18px 0px;
}

#browser #page_filter_options {
  margin: 0px;
  padding: 0px;
}

#browser.with_contact_import #page_filter_options {
  padding-top: 27px;
}

#browser #page_filter_options .balloon_close a {
  border-bottom: none;
}

#browser #page_filter_options > p {
  margin: 0px;
  font-size: 13px;
  line-height: 18px;
}

#browser #page_filter_options ul {
  clear:both;
  margin: 0px;
  padding: 0px;
}

#browser #page_filter_options li {
  float: left;
  margin: 0px;
  padding: 0px;
  padding-right: 6px;
  white-space: nowrap;
}

#browser #page_filter_options li > a {
  border: 0;
  text-decoration: underline;
  font-weight: normal;
  padding: 1px 2px;
  margin: 0px -2px;
  border-radius: 0;
}

#browser #page_filter_options .menu_container.active_menu > a {
  color: #fff;
  background: rgb(64,115,191); /*hsl(216,50%,50%)*/
  text-decoration: none;
}

#browser #page_filter_options div.menu_container {
  display: inline;
  position: relative;
}

#browser #page_filter_options .menu_container div.balloon form {
  padding: 15px 0 0;
  width: 200px;
}

#browser #page_filter_options .menu_container div.balloon form p.error {
  line-height: 1.3em;
  font-size: 11px;
  padding-bottom: 3px;
}

#browser #page_filter_options .menu_container div.balloon form p.fields {
  white-space: nowrap;
}

#browser #page_filter_options .menu_container div.balloon form small {
  font-size: 10px;
  color: #666;
  padding-top: 3px;
  display: block;
}

#browser #page_filter_options .menu_container div.balloon input.filter {
  width: 150px;
}

#browser #page_filter_options div.balloon {
  width: 230px;
  margin-left: -115px;
  margin-top: 10px;
}

#browser #page_filter_options div.balloon_close {
  display: none;
}

#browser #page_filter_options div.balloon div.balloon_arrow,
#browser #page_filter_options div.balloon div.balloon_arrow_border {
  margin-left: 103px;
  left: 0;
}

#browser #page_filter_selected {
  clear: both;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

#browser.with_search_criteria #page_filter_selected {
  padding: 9px 0px 0px;
}


body.party #page {
  padding: 0px;
  background: white url(../../images/party_sidebar_background.png) repeat-y right top;
  min-height: 756px;
  min-width: 756px;
}

body.party .two_column_page_layout {
  padding-right: 252px;
}

body.party .two_column_page_layout div.primary {
  float:left;
  width: 100%;
}

body.party .two_column_page_layout div.primary > .content {
  position: relative;
}

body.party .two_column_page_layout div.sidebar {
  float:left;
  width: 216px;
  padding: 15px 18px;
  margin-right: -252px;
}

body.party .two_column_page_layout div.sidebar > .content {
  position: relative;
  width: 216px;
}

/* Primitives */

body.party .link_to {
  cursor: pointer;
  text-decoration: underline;
}

/* Party header */

body.party .party_header {
  font-size: 13px;
  line-height: 18px;
  margin: 18px 18px 0px;
}

body.party .party_header td {
  vertical-align: top;
}

body.party .party_header td:first-child {
  padding-right: 15px;
  width: 1%;
}

body.party .party_header .name {
  font-size: 30px;
  line-height: 27px;
  letter-spacing: -1px;
  position: relative;
  left: -1px;
  word-break: break-word;
}

body.party .party_header .title_and_company {
  margin-top: 6px;
}

body.party .party_header .title_and_company a {
  color: black;
}

/* Leak notice */

body.party #this_subject_is_leaked {
  margin: 18px;
  border-radius: 0;
}

/* Display switches */

body.party .display.switches {
  margin: 18px 0px 18px;
  padding: 0px 18px;
  font-size: 11px;
  line-height: 14px;
  border-bottom: 1px solid #ddd;
}

body.party .display.switches a {
  display: inline-block;
  cursor: pointer;
  padding: 3px 9px;
  border: 1px solid #ddd;
  border-bottom: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: -1px 0px;
  text-decoration: none;
  color: black;
}

body.party .display.switches a.activated {
  background: white;
  border-bottom: 1px solid white;
}

body.party .display.switches a:focus {
  outline-style:none;
}

/* Switchable Displays */

body.party .switchable.displays > div {
  margin: 18px 27px;
  font-size: 13px;
  line-height: 18px;
}

body.party .switchable.displays .blank_slate_layout_container {
  margin: 0 -27px;
}

/* Notes and Emails */

body.party #new_note_container {
  padding: 0;
  margin: 0 0 24px;
}

body.party #stream {
  padding: 0;
}

body.party #recordings_toggles {
  margin-top: 0px;
}

/* Background */

body.party .background .header {
  margin-bottom: 3px;
  cursor: default;
}

body.party .background .header h1 {
  font-size: 13px;
  line-height: 18px;
  margin: 0;
}

body.party .background .header p {
  color: #777;
  font-size: 11px;
  line-height: 15px;
  margin: 0;
}

body.party .background .link_to.edit {
  color: #777;
}

body.party .background .link_to.edit.activated {
  background: #777;
  color: #fff;
  text-decoration: none;
  padding: 0px 1px;
  margin: 0px -1px;
}

body.party .background .reading_activity {
  padding-bottom: 114px;
}

body.party .background .reading_activity p {
  margin: 18px 0;
}

body.party .background .writing_activity .input {
  margin: 0px 5px;
}

body.party .background .writing_activity .input textarea {
  margin: 0px -5px;
  width: 100%;
  height: 480px;
  resize: vertical;
  font-size: 13px;
  line-height: 18px;
}

body.party .background .writing_activity .controls {
  line-height: 24px;
  height: 24px;
  cursor: default;
  margin: 3px 0px 0px;
}

body.party .background .writing_activity .controls input {
  vertical-align: middle;
}

body.party .background .writing_activity .controls .alt {
  font-size: 11px;
  color: #777;
  vertical-align: middle;
}

/* People in the company */

body.party .people > .controls {
  height: 30px;
  position: relative;
}

body.party .people table.index {
  border-top: 1px solid #eee;
  margin: 18px 0;
}

body.party .people td.checkbox {
  display: none;
}

body.party .people .avatar_subject .info {
  margin: 0;
}

body.party .people > .afterword {
  line-height: 12px;
}

/* People in the company */

body.party .deals .header.controls {
  height: 30px;
  position: relative;
}

/* Twitter */

body.party .twitter h1 {
  font-size: 13px;
  line-height: 18px;
}

body.party .tweet_list {
  padding-bottom: 18px;
}

body.party .twitter .tweet {
  margin: 18px 0px;
  max-width: 612px;
}

body.party .twitter .created {
  font-size: 11px;
}

body.party .twitter .created a {
  color: #777;
}

/* Sidebar */

body.party .sidebar {
  font-size: 13px;
  line-height: 18px;
}

body.party .sidebar_controls {
  margin-bottom: 15px;
}

body.party .sidebar_controls div.edit {
  margin-bottom: 9px;
}

body.party .sidebar_controls .link_to.edit {
  color: red;
}

/* section headers */

body.party .sidebar .section {
  padding: 0px;
}

body.party .sidebar .section > .header {
  font-size: 11px;
  line-height: 15px;
  height: 15px;
  font-weight: normal;
  padding: 3px 18px;
  margin: 0px -18px;
  color: #555;
  background: #DEE4E8; background: rgba(0,0,0,0.05);
}

body.party .sidebar .section > .header > h1 {
  font-size: 11px;
  font-weight: normal;
  float: left;
}

body.party .sidebar .section > .header > .control {
  float: right;
  color: #777;
  text-align: right;
}

body.party .sidebar .section > .header > .control > .link_to {
  color: #777;
  margin-left: 4px;
}

/* Tasks in sidebar */

body.party .sidebar .active_menu {
  position: relative;
  z-index: 1;
}

body.party .sidebar .tasks.section > .header > .control {
  display: block;
}

body.party .sidebar .empty.tasks.section > .header > .control {
  display: none;
}

body.party .sidebar .tasks.section .add_task.invitation {
  position: relative;
  font-size: 11px;
  color: #777;
  padding: 12px 0px;
  display: none;
}

body.party .sidebar .empty.tasks.section .add_task.invitation {
  display: block;
}

body.party .sidebar .tasks.section .frames {
  padding: 0px;
  border: 0px;
}

body.party .sidebar .frames .nubbin .nubbin_content {
  background-position: -100px -401px;
}

body.party .sidebar .frame {
  margin: 12px 0px;
}

body.party .sidebar .frame_title {
  font-size: 11px;
  line-height: 12px;
  color: #777;
  font-weight: normal;
}

body.party .sidebar .overdue .frame_title {
  color: red;
}

body.party .sidebar .frame .task {
  padding: 0px;
  margin: 3px 0px;
}

body.party .sidebar .frame .body {
  font-size: 13px;
  line-height: 15px;
  font-weight: normal;
}

body.party .sidebar .frame .body .category {
  font-size: 11px;
  vertical-align: top;
  padding: 3px;
  margin-top: 1px;
}

body.party .sidebar .balloon_first_task {
  left: -36px;
  top:  39px;
}

body.party .sidebar .balloon_first_task div.balloon_arrow,
body.party .sidebar .balloon_first_task div.balloon_arrow_border {
  margin-left: 52px;
}

body.party .sidebar .balloon_new_task {
  left: -192px;
  top:  27px;
}

body.party .sidebar .balloon_new_task div.balloon_arrow,
body.party .sidebar .balloon_new_task div.balloon_arrow_border {
  margin-left: 211px;
}

body.party .sidebar .balloon_edit_task {
  position: absolute;
  left: -36px;
  top:  21px;
}

body.party .sidebar .balloon_content {
  width: 255px;
  color: #000;
  text-align: left;
}

/* Contact data in sidebar */

body.party .sidebar .section .blank p {
  font-size: 11px;
  line-height: 15px;
  color: #777;
}

body.party .sidebar .section .blank p a {
  color: #777;
}

body.party .sidebar .link_to.company {
  color:black;
}

body.party .sidebar .data_group {
  margin: 15px 0px;
  font-size: 11px;
  line-height: 12px;
}

body.party .sidebar .data_group .label {
  color: #777;
}

body.party .sidebar .data_group div.label {
  margin-bottom: 1px;
}

body.party .sidebar .data_group .value {
  font-size: 13px;
  line-height: 15px;
  word-wrap: break-word;
}

body.party .sidebar .data_group .value .location {
  font-size: 11px;
}

body.party .sidebar .data_group .value p {
  margin: 12px 0px 0px;
  color: #000;
  line-height: 15px;
}

body.party .sidebar .data_group .value p:first-child {
  margin: 0px;
}

body.party .sidebar .data_group .value .link_to.read_more {
  color: #777;
  font-size: 11px;
  position:relative;
  top: -1px;
}

body.party .sidebar .instant_messenger.data_group .value {
  white-space: nowrap;
}

body.party .sidebar .address.data_group table {
  width: 189px;
  margin-bottom: 1px;
}

body.party .sidebar .address.data_group td.local_conditions {
  color: #777;
  text-align: right;
}

body.party .sidebar .address.data_group a.map {
  display: block;
  width: 189px;
  height: 90px;
  background-repeat: no-repeat;
  margin: 2px 0px 1px;
}


.party_selection_activities {
  height: 0px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}

.party_selection_activities .commit_button {
  /* remove extra left and right padding from input elements in IE7 */
  overflow: visible; 
  width: auto !important; 
}

.party_selection_activities .link_to.stop {
  color: #444;
  text-decoration:underline;
  cursor:pointer;
  padding: 1px 2px;
  margin: 0px -1px;
}

.party_selection_activities form {
  zoom: 1;
}

.party_selection_activities > .top_border {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 0px;
  border-top: 1px solid #ddd;
}

.party_selection_activities.activated {
  overflow: visible;
}

.party_selection_activities.adding_tags > .top_border,
.party_selection_activities.changing_visibility > .top_border {
  border-color: rgb(64,115,191); /*hsl(216,50%,50%)*/
}

.party_selection_activities.deleting > .top_border {
  border-color: #e00;  
}

#browser.with_one_selected    .party_selection_activities { background: rgb(241,245,250); background: hsl(208, 40%, 96%); }
#browser.with_n_selected      .party_selection_activities { background: rgb(241,245,250); background: hsl(208, 40%, 96%); }
#browser.with_page_selected   .party_selection_activities { background: rgb(241,245,250); background: hsl(208, 40%, 96%); }
#browser.with_filter_selected .party_selection_activities { background: rgb(241,245,250); background: hsl(208, 40%, 96%); }

#browser.with_one_selected    .party_selection_activities.deleting { background: #FFC; }
#browser.with_n_selected      .party_selection_activities.deleting { background: #FFC; }
#browser.with_page_selected   .party_selection_activities.deleting { background: #FFC; }
#browser.with_filter_selected .party_selection_activities.deleting { background: #FFC; }

/* Tagging a selection of contacts ----------------------------------------- */

.party_selection_activities .create_add_tags_operation {
  padding: 15px 18px;
}

.party_selection_activities .create_add_tags_operation table.layout {
  max-width: 360px;
}

.party_selection_activities .create_add_tags_operation table.layout td {
  white-space: nowrap;
}

.party_selection_activities .create_add_tags_operation table.layout td.input {
  width: 180px;
}

.party_selection_activities .create_add_tags_operation table.layout td.actions {
  padding-left: 6px;
  text-align: left;
}

.party_selection_activities .create_add_tags_operation .tag_name_input {
  display: inline;
  width: 180px;
  margin: 0px;
  padding: 2px;
  font-size: 13px;
  vertical-align: middle;
}

.party_selection_activities .create_add_tags_operation .auto_complete {
  position: absolute;
  width: 180px;
}

.party_selection_activities .create_add_tags_operation .actions .commit_button {
  font-size: 11px;
  padding: 1px 4px;
}

.party_selection_activities .create_add_tags_operation .actions .alt {
  color: #666;
  font-size: 11px;
}

.party_selection_activities .create_add_tags_operation.networking .actions .alt,
.party_selection_activities .create_add_tags_operation.completed .actions .alt {
  visibility: hidden;
}

.party_selection_activities .create_add_tags_operation .pending_add_tags_operation {
  position: relative;
  overflow: hidden;
  height: 0px;
  margin: -1px 0px 0px;
  padding: 1px 0px 0px;
}

.party_selection_activities .create_add_tags_operation .pending_add_tags_operation > .content {
  position: relative;
  overflow: hidden;
  margin: 9px 0px 0px;
  padding: 0;
}

.party_selection_activities .create_add_tags_operation .pending_add_tags_operation .progress_container {
  background: #ddd; background-color: rgba(0,0,0,0.1);
  overflow: hidden;
  position:absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 3px;
}

.party_selection_activities .create_add_tags_operation .pending_add_tags_operation .progress_bar {
  background: rgb(82,139,224); /*hsl(216,70%,60%)*/
  height: 3px;
  width: 0;
}

.party_selection_activities .create_add_tags_operation .pending_add_tags_operation .message {
  padding-top: 6px;
  font-size: 11px;
  color: #888;
}

.party_selection_activities .create_add_tags_operation .network_indicator {
  background: url(../../images/dots-white.gif) no-repeat center;
  vertical-align: middle;
  display: inline-block;
  height: 18px;
  width: 24px;
  visibility: hidden;
  position:absolute;
  right: 18px;
  bottom: 15px;
}

.party_selection_activities .create_add_tags_operation.networking .network_indicator {
  visibility: visible;
}

/* Changing permissions on a selection of contacts ------------------------- */

.party_selection_activities .create_change_visibility_operation {
  padding: 15px 18px;
}

.party_selection_activities .create_change_visibility_operation h1 {
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  line-height: 18px;
}

.party_selection_activities .create_change_visibility_operation .select_permissions {
  margin: 3px 0px;
  font-size: 13px;
}

.party_selection_activities .create_change_visibility_operation .select_permissions .editor {
  margin: 0px 0px 2px 18px;
}

.party_selection_activities .create_change_visibility_operation .select_permissions label {
  font-size: 13px;
}

.party_selection_activities .create_change_visibility_operation .select_permissions label input {
  margin-right: 2px;
}

.party_selection_activities .create_change_visibility_operation > .footer {
  font-size: 11px;
  height: 30px;
  overflow: hidden;
  margin-top: 6px;
  margin-bottom: -3px;
}

.party_selection_activities .create_change_visibility_operation > .footer .footer_border {
  position:absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  border-top: 1px solid #ddd; border-color: rgba(0,0,0,0.1);
  z-index: 1;
}

.party_selection_activities .create_change_visibility_operation .pending_change_visisbility_operation {
  position: relative;
  overflow: hidden;
  height: 30px;
  margin-top: -30px;
}

.party_selection_activities .create_change_visibility_operation .pending_change_visisbility_operation.activated {
  z-index: 2;
}

.party_selection_activities .create_change_visibility_operation .pending_change_visisbility_operation .progress_container {
  background: #ddd; background-color: rgba(0,0,0,0.1);
  overflow: hidden;
  position:absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 3px;
}

.party_selection_activities .create_change_visibility_operation .pending_change_visisbility_operation .progress_bar {
  background: rgb(82,139,224); /*hsl(216,70%,60%)*/
  height: 3px;
  width: 0;
}

.party_selection_activities .create_change_visibility_operation .pending_change_visisbility_operation .message {
  padding-top: 9px;
  font-size: 11px;
  color: #888;
}

.party_selection_activities .create_change_visibility_operation .actions {
  padding-top: 9px;
  font-size: 11px;
}

.party_selection_activities .create_change_visibility_operation .actions .commit_button {
  font-size: 11px;
  padding: 1px 4px;
}

.party_selection_activities .create_change_visibility_operation .actions .alt {
  color: #666;
  margin-left: 1px;
}

.party_selection_activities .create_change_visibility_operation.networking .actions .alt,
.party_selection_activities .create_change_visibility_operation.completed .actions .alt {
  visibility: hidden;
}

.party_selection_activities .create_change_visibility_operation .network_indicator {
  background: url(../../images/dots-white.gif) no-repeat center;
  vertical-align: middle;
  display: inline-block;
  height: 18px;
  width: 24px;
  visibility: hidden;
  position: absolute;
  right: 18px;
  bottom: 15px;
}

.party_selection_activities .create_change_visibility_operation.networking .network_indicator {
  visibility: visible;
}

/* Deleting a selection of contacts ---------------------------------------- */

.party_selection_activities .create_destroy_operation {
  padding: 15px 18px;
}

.party_selection_activities .create_destroy_operation .message {
  max-width: 450px;
}

.party_selection_activities .create_destroy_operation h1 {
  padding: 0px;
  margin: 0px;
  font-size: 13px;
  line-height: 18px;
}

.party_selection_activities .create_destroy_operation p {
  padding: 0px;
  margin: 0px 0px 12px;
  font-size: 13px;
  line-height: 18px;
}

.party_selection_activities .create_destroy_operation p strong {
  background: #FC6;
  padding: 1px 2px;
  margin: 0px 0px 0px -2px;
}

.party_selection_activities .create_destroy_operation .footer {
  font-size: 11px;
  height: 30px;
  overflow: hidden;
  margin-top: 6px;
  margin-bottom: -3px;
}

.party_selection_activities .create_destroy_operation .footer .footer_border {
  position:absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  border-top: 1px solid #ddd; border-color: rgba(0,0,0,0.1);
  z-index: 1;
}

.party_selection_activities .create_destroy_operation .pending_destroy_operation {
  position: relative;
  overflow: hidden;
  height: 30px;
  margin-top: -30px;
}

.party_selection_activities .create_destroy_operation .pending_destroy_operation.activated {
  z-index: 2;
}

.party_selection_activities .create_destroy_operation .pending_destroy_operation .progress_container {
  background: #ddd; background-color: rgba(0,0,0,0.1);
  position:absolute;
  overflow: hidden;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 3px;
}

.party_selection_activities .create_destroy_operation .pending_destroy_operation .progress_bar {
  background: rgb(82,139,224); /*hsl(216,70%,60%)*/
  height: 3px;
  width: 0;
}

.party_selection_activities .create_destroy_operation .pending_destroy_operation .message {
  padding-top: 9px;
  font-size: 11px;
  color: #888;
}

.party_selection_activities .create_destroy_operation .actions {
  padding-top: 9px;
  font-size: 11px;
}

.party_selection_activities .create_destroy_operation .actions .commit_button {
  font-size: 11px;
  padding: 1px 4px;
}

.party_selection_activities .create_destroy_operation .actions .alt {
  color: #666;
  margin-left: 1px;
}

.party_selection_activities .create_destroy_operation.networking .actions .alt,
.party_selection_activities .create_destroy_operation.completed .actions .alt {
  visibility: hidden;
}

.party_selection_activities .create_destroy_operation .network_indicator {
  background: url(../../images/dots-white.gif) no-repeat center;
  vertical-align: middle;
  display: inline-block;
  height: 18px;
  width: 24px;
  visibility: hidden;
  position: absolute;
  right: 18px;
  bottom: 15px;
}

.party_selection_activities .create_destroy_operation.networking .network_indicator {
  visibility: visible;
}


.party_selection_controls {
  z-index: 1;
  height: 60px;
  overflow: hidden;
}

.party_selection_controls > .sleeve { 
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 18px;
}

.party_selection_controls > .sleeve > .content { 
  margin: 0;
}

.party_selection_controls .selection_summary.no_contacts {
  color: #888;
  font-size:11px;
}

.party_selection_controls .link_to_select {
  text-decoration: underline;
  cursor: pointer;
  color: #888;
}

.party_selection_controls .others,
.party_selection_controls .total {
  color: #888;
  font-size: 11px;
  line-height: 15px;
}

.party_selection_controls .braced {
  margin: 0px 1px;
}

.party_selection_controls .invitations {
  font-size: 11px;
  padding-top: 3px;
}

.party_selection_controls .invitations .link_to_start {
  display:inline-block;
  padding: 2px 6px 0px;
  background: #dfdfdf;
  color: #444;
  cursor: pointer;
  margin: 0px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.party_selection_controls .invitations .link_to_start:active,
.party_selection_controls .invitations .link_to_start.activated {
  background: rgb(64,115,191); /*hsl(216,50%,50%)*/
  color: #fff;
  text-decoration: none;
}

.party_selection_controls .invitations .link_to_start.deletion.activated {
  background: #e00;
  color: white;
  text-decoration: none;
}

.party_selection_controls .selection_controls {
  position: absolute;
  right: 0px;
  bottom: 0px;
  font-size: 11px;
}

.party_selection_controls .selection_controls .link_to_select {
  margin-left: 6px;
}

/* Display states for select all and select none controls ------------------ */

#browser                      a.link_to_select.no_contacts { display:none; }
#browser.with_one_selected    a.link_to_select.no_contacts { display:inline; }
#browser.with_n_selected      a.link_to_select.no_contacts { display:inline; }
#browser.with_page_selected   a.link_to_select.no_contacts { display:inline; }
#browser.with_filter_selected a.link_to_select.no_contacts { display:inline; }

#browser                      a.link_to_select.page_of_contacts { display:inline; }
#browser.with_one_selected    a.link_to_select.page_of_contacts { display:inline; }
#browser.with_n_selected      a.link_to_select.page_of_contacts { display:inline; }
#browser.with_page_selected   a.link_to_select.page_of_contacts { display:none; }
#browser.with_filter_selected a.link_to_select.page_of_contacts { display:none; }


.party_selection {
  position: relative;
  font-size: 13px;
  line-height: 18px;
  border-top: 3px solid #eee;
}

#browser.with_filter_selected .party_selection {
  border-color:#FC6;
}

.party_selection div {
  position: relative;
}


ul.attachments {
	padding: 0;
	margin: 1.0em 0 1.0em -7px;
}

ul.attachments.pending_attachments {margin: 0 !important;}

div.recordings table ul.attachments li img {
  padding-right: 0;
}

ul.attachments img {
  vertical-align: middle;
}

ul.attachments li {
	list-style: none;
	margin: 0 0 7px 0;
	padding: 0;
  vertical-align: middle;
}

ul.attachments li object {
  vertical-align: middle;
}

ul.attachments li a.file_icon {
  float: left;
  margin: 0 8px 0 0;
}

ul.attachments li a:hover {
  background: none;
  color: #000;
  text-decoration: underline;
}

ul.attachments li div h2 {
  height: 16px;
  font-size: 13px;
  font-weight: normal;
  margin: 7px 0 3px 0;
}

ul.attachments li div p {
  color: #999;
  font-size: 10px !important;
  margin: 0 !important;
}

.edit ul.attachments li {
  font-size: 12px;
  margin: 0 0 3px 2px;
  padding: 0;
}

.edit ul.attachments {
  margin: 2px 0 8px 10px;
  padding: 0;
  list-style: none;
}

.edit ul.attachments img {
  vertical-align: middle;
}

.edit ul.attachments a.remove img {
  vertical-align: top;
  padding-top: 2px;
}

.offscreen {
  position: absolute;
  left: -1000px;
}

.offscreen input {
  display: block;
}

/*-------------------------------------------------
EDIT TABS
-------------------------------------------------*/

#edit_tabs ul,
#edit_tabs ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#edit_tabs ul {
  margin-top: 5px;
  margin-left: -9px;
  text-align: left;
  padding: 4px 0 6px 0;
}

#edit_tabs li {
  display: inline;
  margin: 0;
  padding: 4px 0 6px 0;
}

#edit_tabs a:link,
#edit_tabs a:visited {
  font-size: 12px;
  font-weight: normal;
  padding: 6px 10px;
  margin: 0;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

#edit_tabs a:hover {background: #ddd;}

#edit_tabs a:link.current_edit_tab,
#edit_tabs a:visited.current_edit_tab {
  background: #fff;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
}

/*-------------------------------------------------
SEND INVITATION FROM EDIT PERSON
-------------------------------------------------*/

.edit div#send_invitation_tab h2.person_has_been_invited {
  margin: 0 0 15px 0;
}

.edit div#send_invitation_tab .invite_people {
  padding: 10px 15px;
  width: 75%;
}

.edit div#send_invitation_tab .invite_people h3 {
  font-size: 12px;
  margin: 0;
}

.edit div#send_invitation_tab .invite_people p {
  margin: 0 0 15px 0;
}

.edit div#send_invitation_tab .invite_people input,
.edit div#send_invitation_tab .invite_people textarea {
  width: 90%;
}

.edit div#send_invitation_tab .invite_people p.submit {
  font-size: 12px;
  margin: 0 0 5px 0;
  padding: 0;
}

.edit div#send_invitation_tab .invite_people p.submit input {
  width: auto;
}

/*-------------------------------------------------
CONTACT UPLOAD
-------------------------------------------------*/

body.contact_imports table {
  margin-bottom: 30px;
}

body.contact_imports table td {
  padding: 4px;
  border-bottom: 1px solid #dcdcdc;
}

body.contact_imports div.submit {
  border-top: 1px dashed #CCCCCC;
  margin: 0pt -60px -15px -23px;
  padding: 15px 0pt 0pt 30px;
}

body.contact_imports div.sidebar h3 {
  margin-bottom: 1px;
}


div.popup {
  text-align: left;
  width: 300px;
}

div.popup,
div.popup * {
  z-index: 2000;
}

div.popup div.popup_frame {
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

div.popup div.popup_content {
  background: #ffc;
  padding: 10px 25px;
  border: 1px solid #ec5;
}

div.popup h1 {
  margin-top: 0;
}


span.quick_show_tag,
span.quick_show_tag:hover {
  background: none;
}

span.quick_show_tag span.sprite {
  line-height: 12px;
  vertical-align: middle;
  margin: 0 2px 2px 0;
}

div#quick_show_window {
  position: absolute;
}

div#quick_show_window,
div#quick_show_window * {
  z-index: 2000;
}

div#quick_show_window div.quick_show_window_position {
  position: absolute;
  right: 25px;
  top: 0;
  background: rgba(17,17,17,0.95);
  color: #e4e7eb;
  border: 1px solid #fff;
  padding: 1px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;  
}

/* for browsers that support some form of box-shadow */
body:first-of-type div#quick_show_window div.quick_show_window_position {
  border: none;
}

div#quick_show_window div.quick_show_window_content {
  padding: 5px 15px;
  text-shadow: 0 1px 1px rgba(0,0,0,1.0);
  color: #e4e7eb;
  font-size: 12px;
}

div#quick_show_window div.quick_show_window_content a {
  color: #5c8db7;
  text-decoration: none;
}

div#quick_show_window div.quick_show_window_content h1 {
  color: #fff;
  font-size: 16px;
  margin: 5px 0 3px;
  font-weight: normal;
}

div#quick_show_window div.quick_show_window_content h2 {
  color: #999;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  font-family: 'Lucida Grande', verdana, arial, helvetica, sans-serif;
  background: none;
  border: none;
  padding: 0;
}

div#quick_show_window div.quick_show_window_content h1.busy {
  padding-right: 35px;
  white-space: nowrap;
  background: url(../../images/dots-black.gif) no-repeat right center;
  font-size: 14px;
}

div#quick_show_window div.preview {
  width: 235px;
  min-width: 235px;
  /* specify default font and weight so we can embed this in an h1 w/o problems */
  font-size: 12px;
  font-weight: normal;
  padding: 10px 5px;
}

div#quick_show_window table.subject_header {
  border-bottom: 2px solid #000;
  margin: 0;
}

div#quick_show_window table.subject_header_without_contact_info {
  border-bottom: none;
}

div#quick_show_window table.subject_header td.icon {width: 35px;}
div#quick_show_window table.subject_header td.icon a {
  display: block;
  background: transparent;
  border: none;
}

div#quick_show_window table.subject_header td.icon img.avatar {
  border-color: #666;
}

div#quick_show_window table.subject_header td.icon .avatar.small {
  width: 32px;
  height: 32px;
}

div#quick_show_window table.subject_header td.icon .blank_avatar {
  height: 0px !important;
}

div#quick_show_window table.subject_header td {
  padding-bottom: 5px;
}

div#quick_show_window div.contact_methods {
  border-top: 1px solid #303030;
  padding-top: 5px;
  font-weight: normal;
}

div#quick_show_window div.contact_method span {
  float: left;
  font-size: 10px;
  color: #999;
  margin-left: -47px;
  text-transform:capitalize
}

div#quick_show_window div.contact_method {
  margin-left: 47px;
  margin-bottom: 0.75em;
  font-size: 12px;
}


/*-------------------------------------------------
RECORDING
-------------------------------------------------*/

div.recording {
  clear: both;
}

body.subject div.recording {
  border-top: 1px solid #ededed;
}

div.recording + div.recording {
  border-top: 1px solid #ededed;
}

body.person div.recording_content,
body.party div.recording_content,
body.subject div.recording_content {
  margin-left: 36px;
}

body.person div.recording_content.files,
body.company div.recording_content.files,
body.case div.recording_content.files,
body.deal div.recording_content.files,
div.recording_content.files {
  margin-left: 0;
}

div.recording_content.files div.avatar {
  display: none !important;
}

div.uploaded_images {
  margin: 15px 0;
}

div.recording div.type {
  float: left;
  margin-right: 12px;
  margin-top: 3px;
}

div.deal_recording div.avatar {display: none;}

body.company div.recording div.type,
body.case div.recording div.type,
body.deal div.recording div.type,
body.overview div.recording div.type,
body.tags div.recording div.type,
body.recording div.recording div.type,
body.search div.recording div.type { display: none; }

body.company div.recording_content,
body.case div.recording_content,
body.deal div.recording_content,
body.overview div.recording_content,
body.tags div.recording_content,
body.recording div.recording_content,
body.search div.recording_content {
  margin-left: 63px;
}

div.written_recording {
  padding: 15px 0 5px 0;
}

div.system_recording {
  background: #f2f2f2;
  color: #666;
  overflow: hidden;
  font-size: 10px;
  padding: 4px;
}

div.recordings > div.system_recording {
  border-top: 1px solid #ededed;
}

div.system_recording.first {
  border-top: none;
}

div.system_recording div.type {
  display: none;
}

div.recording div.avatar,
body.company div.recording_content.files div.avatar {
  float: left;
  display: none;
}

div.aggregated_recordings div.avatar {
  display: block;
}

div.task_recording a.image span.sprite {
  margin-top: 3px;
  margin-left: 2px;
}

div.task_recording div.recording_content {
  margin-left: 25px;
}

div.deal_recording div.recording_content {
  padding-top: 2px;
  margin-left: 60px;
}

div.recordings div.project_recording {
  position: relative;
}

div.recordings div.project_recording .icon {
  position: absolute;
  top: 0px;
}

div.recordings div.project_recording .recording_content {
  margin: 0 0 0 60px;
}

div.written_recording div.recording_content div.body {
  padding-right: 15px;
  word-wrap: break-word;
}

/* dashboard */
body.overview div.written_recording div.recording_content,
body.overview div.system_recording {
  margin-right: 0;
}

body.overview #recordings {
  margin-top: 25px;
}

body.overview div.system_recording {
  margin-left: 0;
}

div.recording div.header a, 
div.recording div.header a:hover,
div.recording div.body > p a, 
div.recording div.body > p a:hover {
	color: #000;
  background: none;
  text-decoration: underline;
}

div.recording div.header span.action_links {
  float: right;
  margin-right: 0;
  font-size: 10px;
}

div.recording div.header span.action_links span.permalink {
  color: #ccc;
  visibility: hidden;
  float: right;
}

div.recording div.header span.action_links span.permalink a,
div.recording div.header span.action_links span.permalink a:hover {
  color: #000;
}

div.hover div.header span.action_links span.permalink {visibility: visible;}

div.system_recording div.recording_content a, 
div.system_recording div.recording_content a:hover {
	color: #666;
  background: none;
  text-decoration: underline;
}

div.system_recording div.recording_content a.subject {
  font-size: 10px;
}

div.recording img.lock {
  vertical-align: middle;
}

div.written_recording div.recording_content div.header ul,
div.written_recording div.recording_content div.header li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.4;
  color: #777;
}

div.written_recording div.recording_content div.header li a {
  color: #444;
  text-decoration: none;
  border-bottom: 1px solid #dedede;
}

div.aggregated_recordings div.written_recording div.recording_content div.header li a {
  color: #000;
}

div.written_recording div.recording_content div.header li a:hover {
  color: #000;
  border-bottom: 1px solid #999;
}

div.written_recording div.recording_content div.header li.date {
  font-weight: bold;
  font-size: 13px;
  color: #000;
}

div.written_recording div.recording_content div.header img.email_icon {
  float: left;
  margin-right: 3px;
}

div.private div.recording_content div.header  li span.kind_of_recording {
  color: #9e414c;
  font-weight: bold;
}

div.aggregated_recordings div.written_recording.not_about_the_aggregator div.recording_content div.header li.date {
  font-weight: normal;
  color: #666;
  font-size: 11px;
}

div.written_recording div.recording_content div.header li.subject {
  font-size: 13px;
}

div.written_recording div.recording_content div.header li.subject span.from {
  font-size: 11px;
}

div.written_recording div.recording_content div.body div.more {
  text-align: right;
	font-weight: bold;
	padding: 5px 0 10px 0;
}

div.recordings div.email div.body blockquote {
  margin: 10px 0 0 0;
}

div.written_recording div.recording_content div.body div.file {
}

div.written_recording div.recording_content div.body div.more a {
  font-size: 10px;
	font-weight: normal;
	color: #999;
}

div.written_recording div.recording_content div.body div.more a:hover {
	color: #444;
}

div.written_recording div.recording_content div.body div.images img {
	padding: 2px;
	border: 1px solid #ccc;
}

div.written_recording div.recording_content div.body div.images {
	font-family: verdana;
	margin: 0 0 15px 0;
	font-size: 11px;
}

div.written_recording div.recording_content div.body div.images a {
	color: #999;
}

div.recordings div.task_recording div.icon {
  float: left;
}

div.written_recording div.avatar {
  float: left;
  width: 48px;
}

div.written_recording div.avatar img.avatar {
  width: 48px;
  height: 48px;
}

div.written_recording div.avatar span.avatar {
  width: 48px !important;
  padding-top: 48px !important;
  height: 0 !important;
}

div.written_recording div.avatar span.avatar.user {background-position: -112px -56px !important; border: none;}
div.written_recording div.avatar span.avatar.person {background-position: -112px -56px !important; border: none;}
div.written_recording div.avatar span.avatar.company {background-position: 0 -56px !important; border: none;}
div.written_recording div.avatar span.avatar.kase {background-position: -56px -56px !important; border: none;}
div.written_recording div.avatar span.avatar.deal.dollar {background-position: -224px -112px !important; border: none;}
div.written_recording div.avatar span.avatar.deal.euro {background-position: -280px -112px !important; border: none;}
div.written_recording div.avatar span.avatar.deal.pound {background-position: -390px -112px !important; border: none;}
div.written_recording div.avatar span.avatar.deal.yen {background-position: -502px -112px !important; border: none;}
div.written_recording div.avatar span.avatar.deal.won {background-position: -446px -112px !important; border: none;}
div.written_recording div.avatar span.avatar.deal.generic {background-position: -334px -112px !important; border: none;}

div.written_recording div.body {
  font-size: 12px;
  line-height: 18px;
  padding: 0 0 1px 0;
}

div.written_recording div.body > p a,
div.written_recording div.body > p a:hover {
  color: #333;
}

div.written_recording div.body p {
  margin: 12px 0 12px 0;
  font-size: 13px;
}

div.written_recording div.body ul.attachments p {
  margin: 0;
}

div.written_recording div.body {
	line-height: 1.4em;
}

/* Nubbins for inline recording editing */

div.recording div.nubbin {
  left: -8px;
  top: -4px;
}

div.recording div.nubbin div.nubbin_content,
div.aggregated_recordings div.recording div.nubbin div.nubbin_content {
  width: 40px;
}

div.recordings div.busy div.nubbin {
  display: block;
}

div.recordings div.busy {
  background-image: none;
}

div.recordings div.recording div.busy {
  background-image: url(../../images/dots-white.gif);
}

div.recordings div.busy div.nubbin,
div.recordings div.busy div.nubbin *,
div.recordings div.busy div.recording_content,
div.recordings div.busy div.recording_content * {
  visibility: visible;
}

div.recordings div.busy div.nubbin div.nubbin_content ul {
  width: 26px;
  height: 12px;
  background: url(../../images/dots-white.gif) no-repeat center right;
}

div.recordings div.busy div.nubbin div.nubbin_content ul *,
div.recordings div.busy div.nubbin li a.edit_link span {
  visibility: hidden;
}

/*-------------------------------------------------
_EDIT
-------------------------------------------------*/

div.recordings div.inline_edit,
div.recordings div.edit_comment {
  margin: 5px 0 10px 0;
  background: #f2f2f2;
  padding: 3px 12px;
  font-size: 11px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

div.recordings div.inline_edit .header,
div.recordings div.edit_comment .header {
  font-weight: bold;
  font-size: 12px;
  color: #000;
  margin-bottom: 6px;
}

div.recordings div.inline_edit div.inner,
div.recordings div.edit_comment div.inner {
  background: #fff;
  margin: 8px 0;
  padding: 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
}

div.recordings div.inline_edit textarea,
div.recordings div.edit_comment textarea {
  height: 200px;
}

div.recordings div.inline_edit .show_options {
  color: #777;
  margin: 0;
  padding: 0;
}

div.edit_note .extras .case_extra {
  margin-bottom: 15px;
}

div.edit_note div.select_collection,
div.extras div.select_collection {
  margin-bottom: 15px;
}

div.edit_note div.select_collection select {
  width: 200px;
}

div.edit_note div.select_collection p,
div.extras div.select_collection p {
  margin: 0 0 5px 0;
}

div.edit_note div.select_collection p img,
div.extras div.select_collection p img {
  vertical-align: middle;
}

div.edit_note div.select_collection div.change_collection {
  border-left: 4px solid #e0e0e0;
  padding-left: 10px;
  margin-top: 10px;
}

div.edit_note div.select_collection div.change_collection h2 {
  font-weight: normal;
  font-size: 12px;
}

div.edit_note .extras .case_extra_followed_by_deals_extra {
  margin-bottom: 5px;
}

div.recordings div.inline_edit .extras {
  line-height: 12px;
}

div.recordings div.inline_edit .extras input {
  font-size: 12px;
}

div.recordings div.inline_edit p.submit,
div.recordings div.edit_comment p.submit {
  border-top: 2px solid #ccc;
  padding-top: 10px;
  margin-top: 15px;
  margin-bottom: 0;
}

/*-------------------------------------------------
RECORDINGS LIST VIEW
-------------------------------------------------*/

body.overview div.innercol {
  padding-right: 20px;
}

div.recordings table.list_view {
  width: 100%;
}

div.recordings table.list_view td {
  padding: 12px 9px 11px;
  border-top: 1px solid #ededed;
  vertical-align: top;
  font-size: 13px;
  line-height: 18px;
}

body.overview table.list_view tr.first td {
  border-top: none;
}

div.recordings table.list_view td.type {
  width: 6px;
}

div.recordings table.list_view td.type a {
  display: block;
  height: 24px;
  width: 24px;
  margin: -3px -8px -3px -11px;
}

div.recordings table.list_view  a.permalink {
  text-decoration: none;
  color: #333;
  padding: 0;
}

div.recordings table.list_view span.body a.permalink {
  display: block;
}

div.recordings table.list_view span.case a.permalink {
  color: #666;
}

div.recordings table.list_view span.case strong a.permalink {
  color: #000;
}

div.recordings table.list_view td.content a.permalink:hover {
  background: none;
  text-decoration: underline;
}

div.recordings table.list_view td.content img {
  padding-right: 5px;
}

div.recordings table.list_view tr.task_recording td.content span.excerpt {
  text-decoration: line-through;
}

div.recordings table.list_view tr.task_recording td.content a.permalink {
  color: #000;
  display: inline;
}

div.recordings table.list_view td.content span.by {
  font-size: 11px;
  line-height: 12px;
  padding: 2px 0px 1px;
  color: #777;
  text-decoration: none;
  display: block;
}

div.recordings table.list_view td.content span.re,
div.recordings table.list_view td.content span.re a {
  color: #000;
  font-weight: bold;
}

div.recordings table.list_view td.content span.case {
  font-size: 12px;
  color: #666;
}

div.recordings table.list_view td.content span.case strong {
  font-weight: normal;
  color: #000;
}

div.recordings table.list_view td.content span.body {
  display: block;
  color: #333;
}

div.recordings table.list_view td.content span.body a {
  color: #333;
}

div.recordings table.list_view td.content span.sprite.lock {
  vertical-align: baseline;
}

div.recordings table.list_view td.content span.sprite.trash {
  vertical-align: baseline;
}

div.recordings table.list_view td.content span.body span.sprite.lock {
  padding-right: 0;
}

div.recordings table.list_view td.date {
  white-space: nowrap;
  color: #666;
  text-align: right;
  padding-right: 0;
  font-size: 11px;
}

div.recordings table.list_view td.date span {
  background-color: #fc0;
  padding: 0px 4px;
  line-height: 15px;
  margin: 1px 0px;
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  font-size: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
}

/*-------------------------------------------------
PERMA
-------------------------------------------------*/

div.page_header p.link_to_subject {
  font-size: 13px;
  margin: 0;
}

div.page_header p.also_copied {
  font-size: 12px;
}

div.page_header p.also_copied a {
  color: #333;
}

div.page_header p.also_copied a:hover {
  background: #555;
  color: #fff;
}

/*-------------------------------------------------
RECORDINGS ON A SUBJECT PAGE
-------------------------------------------------*/

div#recordings_toggles {
  white-space: nowrap;
  border-top: 1px solid #ededed;
  padding: 5px 0;
  margin: 20px 0 -15px;
  position: relative;
  line-height: 18px;
}

body.overview div#recordings_toggles {
  float: right;
  margin: 4px 0 0;
  padding: 0;
  border: none;
}

div#recordings_toggles .links {
  position: absolute;
  right: 0px;
  top: 6px;
  font-size: 11px;
}

div#recordings_toggles .links .link_to {
  color: #777;
}

div#recordings_toggles .links .link_to.feed {
  margin-left: 9px;
}

/*-------------------------------------------------
RECORDING
-------------------------------------------------*/

div.recordings {
  clear: left;
  font-size: 12px;
  line-height: 18px;
  border-bottom: 1px solid #ededed;
  margin-top: 15px;
}

body.overview div.recordings {
  margin-top: 10px !important;
}

body.recording div.page_header {
  padding-top: 15px;
  padding-bottom: 15px;
}

body.recording div.page_header h1,
body.search div.page_header h1 {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

body.recording .innercol {
  padding-top: 20px;
}

body.recording div.page_header p {
  margin: 0;
  font-size: 11px;
  color: #777;
}

body.recording div.page_header div.edit_links {
  margin: 0;
}

body.recording div.attribution {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 5px;
}

body.recording div.attribution h3 {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  color: #000;
}

body.recording div.attribution h3 a {
  padding: 0;
}

body.recording div#page_main_column h3 {
	margin-bottom: 15px;
}

body.recording div.attribution p {
  font-size: 12px;
  margin: 3px 0 0 0;
}

body.recording div.note_body {
  font-size: 14px;
  line-height: 140%;
  margin-bottom: 31px;
}

body.recording div.note_body p {
  font-size: 13px;
  line-height: 140%;
  margin: 0 0 1.0em 0;
}

body.recording div.recording div.avatar {
  display: block;
}

body.email div.note_body p {
  font-family: monospace;
  font-size: 12px;
  line-height: 18px;
}

.edit textarea {
  width: 98%;
  height: 200px;
  font-size: 14px;
}

.recording div.edit_links {
  float: right;
  font-size: 11px;
  text-align: right;
  color: #ccc;
}

.recording div.edit_links img {
  padding-top: 5px;
  vertical-align: top;
}

div.recording div.edit_links a {
  color: red;
  padding: 0px;
}

.recording p.attribution a.internal:hover {
  color: #000;
}

.recording p.attribution a:hover {
  color: #fff;
}

body.recording div.show_options {
  display: none;
}

div.edit_note div.submit {
  display: none;
}

body.recording div.edit_note div.submit {
  display: block;
}

body.recording div.edit_note div.inline_submit {
  display: none;
}

/*-------------------------------------------------
ATTACHMENTS
-------------------------------------------------*/

div.recording p.image {
  margin: 5px 0 0 8px;
}

/*-------------------------------------------------
_INDEX
-------------------------------------------------*/

span#set_recordings_view {
  color: #888;
  font-size: 10px;
  padding: 5px 0;
  overflow: hidden;
}

span#set_recordings_view select {
  width: 100px;
  font-size: 10px;
}

div.no_recordings_for_selected_author {
  margin: 15px 0;
  border: 1px solid #e5e5b3;
  background: #fffae7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

div.no_recordings_for_selected_author div.inner {
  padding: 15px 10px 15px 10px;
}

div.no_recordings_for_selected_author p {
  font-size: 13px;
  margin: 0 0 3px 0;
  text-align: center;
}

/*-------------------------------------------------
FILE RECORDING
-------------------------------------------------*/

div.recording div.file_recording_container {
  position: relative;
  float: right;
}

div.recording div.file_recording {
  position: absolute;
  right: 0;  
  top: 0;
  margin: 0;
  padding: 0px 4px;  
  text-align: right; 
  z-index: auto;
  font-size: 11px;
  display: none;
}

div.recording div.file_recording.menu_container div.menu_target {
  background: #fff;
}

div.recording div.file_recording.active_menu {
  z-index: 101;
}

div.hover div.file_recording { display: block; }

div.recording div.file_recording a.open_button {
  padding: 0 14px 0 6px;
  /* up/down arrow image */
  /* images/file_recordings_pop.png */
  background: transparent url(../../images/highrise_sprites.png) no-repeat right -765px;
  color: #000;
  font-size: 10px;
  text-decoration: underline;
  display: block;  
  white-space: nowrap;
  text-align: right;
}

div.recording div.file_recording a.open_button:hover {
  cursor: pointer !important;
  color: #000;
}

div.recording div.file_recording.active_menu {
  display: block !important;
  top: -5px;
  right: -12px;
  text-align: left;
  background: #fff;
  padding: 4px 15px 15px 15px;
  width: 200px;
  border: 2px solid #bbb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 25px rgba(0, 0, 0, 0.4);
}

/* shrink border for browsers that support box-shadow */
body:first-of-type div.recording div.file_recording.active_menu {
  border: 1px solid #bbb;
}

div.recording div.file_recording div.menu_content {
  display: none;
}

div.recording div.file_recording.active_menu div.menu_content {
  display: block;
}

div.recording div.file_recording.active_menu a,
div.recording div.file_recording.active_menu a:hover {
  border-bottom: 1px solid #CCC;
  text-decoration: none;
}

div.recording div.file_recording select {
  font-size: 12px;
  width: 160px;
  margin-bottom: 0;
}

div.recording div.file_recording h2 {
  font-size: 11px;
  font-weight: bold;
  margin: 10px 0 3px;
}

div.recording div.file_recording img,
div.recording div.file_recording span {vertical-align: middle;}
div.recording div.file_recording p {margin: 0 0 6px 0;}

div.recording div.file_recording img.spinner {
  padding: 9px 0 2px;
}

div.recording div.file_recording a.close_button {
  color: red;
  font-size: 11px;
  border: none;
  text-decoration: underline;
}

div.recording div.file_recording a.close_button:hover {
  color: white;
  background: red;
  text-decoration: none;
  border: none;
}

/*-------------------------------------------------
Detached recordings in stream
-------------------------------------------------*/

div.recording div.detached {
  margin: -9px -5px -9px 0;
  height: 36px;
  display: block;
  text-align: center;
  background: #ebebeb;
}

div.recording div.detached a {
  color: #555;
}

div.recording div.detached a:hover {
  color: #FFF;
}

div.recording div.detached p {
  margin: 0;
  color: #555;
  line-height: 3em;
}

div.recording div.detached a.undo {
  color: #999;
  float: right;
}

div.recording div.permalink :focus {
  outline: 0;
}


div.select_permissions label { 
  font-size: 12px; 
}

div.select_permissions .scope {
  padding-bottom: 4px;
}

div.select_permissions select {
  margin: 2px 0;
  font-size: 11px !important;
}

div.select_permissions .scope .editor {
  margin:0px 20px 2px;
}

div.select_permissions .scope .editor { display:none; }
div.select_permissions .scope.activated .editor { display:block; margin-top: 4px; }

div.select_permissions .adhoc_group_member span.sprite { 
  position:relative; 
  top:0; 
  margin-right:2px; 
}
  
div.select_permissions .adhoc_group_member      span.sprite.add { visibility:hidden; }
div.select_permissions .adhoc_group_member.last span.sprite.add { visibility:visible; }
form.busy div.select_permissions .adhoc_group_member.last span.sprite.add { visibility:hidden; }


/*-------------------------------------------------
Accounts
-------------------------------------------------*/

body.account.no_sidebar #wrapper {width: 980px;}
body.account.no_sidebar #page > div.liner {background: #fff;}
body.account #page_header { margin-bottom: 15px; }

body.account h2 {
  font-size: 14px;
  margin-bottom: 3px;
}

body.settings h3 {
  font-size: 14px;
  margin: 0;
}

body.settings div.block {
  margin: 0 0 2.0em 0;
}

body.account div.block {
  margin: 0 0 1.5em 0;
}

body.settings div.block p {
  margin-top: 0.2em;
}

body.settings div.block#logo_block {
  padding: 1em 1.5em;
  background: #F2F2F2;
  display: inline-block;
  clear: both;
}

body.settings div.block#logo_block img {max-width: 400px;}

body.settings div.block input {width: auto;}
body.settings div.block label {
  margin: 0.5em 0;
  display: block;
}

body.settings div.submit {margin-top: 40px;}

body.settings div.block div.submit {
  margin: 0.75em 0 0;
  border: none;
  padding: 0;
}

body.settings div.leftCol {
  float: left;
  width: 67%;
}

body.settings div.rightCol {
  float: right;
  width: 30%;
}

body.settings div.leftCol p,
body.settings div.rightCol p {
  color: #444;
  font-size: 12px;
  margin: 3px 0 1em;
}

body.settings .payInfo {
	float: right;
	font-weight: normal;
	margin: 1px 0 0 2em;
	text-align: right;
	font-size: 13px;
}

body.settings .payInfo .note {
  color: #999;
  font-size: 12px;
}
body.settings .payInfo .note * {
  color:#999;
}

body.settings .status {
	font-size: 14px;
	color: #000;
	margin: 6px 0 22px;
	float: right;
	width: 49%;
}

body.settings .usage_summary {
  float: left;
  width: 49%;
  margin: 6px 0 22px;
  font-size: 14px;
}

body.settings .accountLink {
	color: #333;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
	margin-top: 0;
}

body.settings .accountLink .link {font-size: 13px;}

body.settings .urlName {
	font-size: 24px;
	color: #000;
	font-weight: bold;
}

body.settings .memberSince {
	float: right;
	font-size: 13px;
	color: #999;
	font-weight: normal;
	margin-top: 10px;
}

body.settings .payInfo {
	float: right;
	font-weight: normal;
	margin: 1px 0 0 2em;
	text-align: right;
	font-size: 13px;
}

body.settings .Fixed .status {
	font-size: 14px;
	color: #000;
	margin: 6px 0 22px;
}

body.settings div.color_themes {
  margin-top: 15px;
}

body.settings div.color_themes div.swatch {
  width: 32px;
  padding: 0;
  margin: 0 12px 0 0;
  float: left;
  text-align: center;
}

body.settings div.color_themes div.swatch span {
  display: block;
  width: 32px;
  height: 0;
  overflow: hidden;
  padding: 32px 0 0;
  background: #000;
  margin: 0 0 3px;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

body.settings div.color_themes div.swatch span.black {background: #333;}
body.settings div.color_themes div.swatch span.blue {background: #00638C;}
body.settings div.color_themes div.swatch span.brown {background: #E8D5B4;}
body.settings div.color_themes div.swatch span.green {background: #195D00;}
body.settings div.color_themes div.swatch span.grey {background: #ccc;}
body.settings div.color_themes div.swatch span.lightblue {background: #C5E2E9;}
body.settings div.color_themes div.swatch span.lightgreen {background: #CBEAC7;}
body.settings div.color_themes div.swatch span.pink {background: #AC205F;}
body.settings div.color_themes div.swatch span.red {background: #900;}
body.settings div.color_themes div.swatch span.yellow {background: #fc0;}

ul.invoiceList li {
	width: 48%;
	float: left;
	margin: 0 1%;
}

ul.invoiceList:after, body.settings .status:after, body.settings .col:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.invoiceList, body.settings .status, body.settings .col {display: inline-block;}
ul.invoiceList, body.settings .status, body.settings .col {display: block;}

body.settings div.promotion {
	background: #FFC;
	color: #000;
	font-weight: normal;
	font-size: 13px;
	border: none;
	text-align: center;
	padding: 14px 0;
	font-family: helvetica, sans-serif;
	margin: 0 0 20px;
}

body.settings div.promotion span {
	font-size: 14px;
	color: #015601;
}

table.account_chart {
	width: 100%;
	margin: 1px 0 30px 0;
	color: #000;
}

table.account_chart td, table.account_chart th {
	border-bottom: 1px solid #CCC;
	padding: 10px 16px;
	text-align: center;
	font-size: 12px;
	white-space: nowrap;
}

table.account_chart tr.your_plan td, table.account_chart tr.your_plan th {background: #F6F9FE;}
table.account_chart th {text-align: left;}

table.account_chart tr.header th {
	background: #ddd;
	color: #444;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	border-top: 1px solid #999;
}

table.account_chart td.details {
	font-size: 13px;
	color: #444;
	background: #FFF;
}

table.account_chart td.details strong {color: #000;}

table.account_chart tr.header th.head {
	color: #000;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	text-transform: none;
	padding: 10px 16px;
}

table.account_chart span.cardName {
	text-transform: uppercase;
	font-size: 14px;
}

table.account_chart span.price {
	color: #666;
	font-size: 13px;
}

table.account_chart span.price em {
	font-weight: normal;
	font-size: 12px;
}

table.account_chart td a {
	color: #333;
	font-size: 11px;
}

table.account_chart td.details a {font-size: 13px;}

table.account_chart td a:hover {
	color: #FFF;
	background-color: #333;
}

table.account_chart td .button a {
	background: url(../../images/grey_button_left.gif) 0 0 no-repeat;
  color: #333;
	display: table-cell; /* Fix for Firefox 2 */
  display: inline-block;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 26px;
  white-space: nowrap;
	text-decoration: none;
	padding: 0 0 0 5px;
	margin: 0 0 0 12px;
}

table.account_chart td .button span {
	background: url(../../images/grey_button_right.gif) 100% 0 no-repeat;
  display: block;
  padding: 0 14px 0 10px;
  line-height: 26px;
}

/*-------------------------------------------------
CURRENT PLAN AND UPGRADE OFFER
-------------------------------------------------*/

#upgradeOffer {
  background: #E5E5E5 url(../../images/gradient_grey_vert.gif) repeat-x left bottom;
  text-align: center;
  padding: 5px 6px 9px;
  margin: 0 0 15px;
  position: relative;
}

#upgradeOffer h1.upgrade_local {
  background: #000;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin: -5px -6px 10px;
  padding: 5px;
  text-transform: uppercase;
}

#upgradeOffer .arrow {
  position: absolute;
  top: 65px;
  left: 235px;
  width: 79px;
  height: 44px;
}

#upgradeOffer .cards {
	margin: 6px auto 0;
	text-align: center;
	padding-bottom: 21px;
	height: 325px;
  position: relative;
  width: 585px;
}

/* Fix for Firefox 2 */
#upgradeOffer .cards, x:-moz-any-link {margin: 6px 0 0 70px;}
#upgradeOffer .cards, x:-moz-any-link, x:default {margin: 6px 0 0 0;}

#upgradeOffer .upgraded_card {
	display: table-cell; /* Fix for Firefox 2 */
	display: inline-block;
	width: 250px;
	margin: 0 10px 0 0;
	height: 325px;
	vertical-align: top;
}

#upgradeOffer .card {
	width: 250px;
	margin: 2px 60px 0 0;
	background: #EEE;
	border: 4px solid #FFF;
	text-align: left;
	display: inline-block;
	height: 325px;
	vertical-align: top;
}

/* Fix for Firefox 2 */
#upgradeOffer .card, x:-moz-any-link {display: table-cell; float: left;}
#upgradeOffer .card, x:-moz-any-link, x:default {display: inline-block; float: none;}

#upgradeOffer .upgraded_card .card {margin-top: 0;}

#upgradeOffer .card h1 {
	color: #FFF;
	background: #666;
	font-size: 26px;
	font-weight: bold;
	padding: 3px 12px;
	margin: 0;
	font-family: helvetica, sans-serif;
}

#upgradeOffer .upgraded_card .card h1 {background: #33a52e;}

#upgradeOffer .card span.title {
	text-transform: uppercase;
	color: #FFF;
	background: #222;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 12px 3px;
	display: block;
}

#upgradeOffer .upgraded_card .card span.title {background: #000;}
body.el #upgradeOffer .card span.title {text-transform: none;}

#upgradeOffer .card ul.features {
	display: block;
	background: #FFF;
	padding: 8px 12px 10px;
	margin: 0;
}

#upgradeOffer .card ul.plus {background: #FFF url(../../images/message_plus.gif) no-repeat 140px -5px;}
#upgradeOffer .card ul.premium {background: #FFF url(../../images/message_premium.gif) no-repeat right top;}
#upgradeOffer .card ul.max {background: #FFF url(../../images/message_max.gif) no-repeat right top;}

#upgradeOffer .card ul.features li {
	font-size: 17px;
	color: #000;
	font-weight: normal;
	padding: 0;
	margin: 0 0 3px;
	font-family: helvetica, sans-serif;
	list-style: none;
}

#upgradeOffer .card ul.featuresSmall {
	margin: 0;
	padding: 4px 12px 0;
}

#upgradeOffer .card ul.featuresSmall li {
	font-size: 13px;
	margin: 6px 0 0;
	color: #000;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

#upgradeOffer .card ul.featuresSmall img {vertical-align: text-top;}

#upgradeOffer .card h2 {
	color: #666;
	font-weight: bold;
	font-family: helvetica, sans-serif;
	font-size: 24px;
	padding: 6px 0 0;
	margin: 10px 12px;
	border-top: 1px solid #999;
}

#upgradeOffer .card h2 span {
	font-weight: normal;
	font-size: 13px;
}

#upgradeOffer .card .button a {
	background: url(../../images/upgrade_button_left.gif) 0 0 no-repeat;
  color: #FFF;
  display: block;
  float: left;
  font-family: helvetica, arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  height: 33px;
  white-space: nowrap;
	text-decoration: none;
	padding: 0 0 0 7px;
	margin: 0 12px 10px;
	text-shadow: #31832c 0 0 2px;
	letter-spacing: normal;
}

#upgradeOffer .card .button span {
	background: url(../../images/upgrade_button_right.gif) 100% 0 no-repeat;
  display: block;
  padding: 0 14px 0 5px;
  line-height: 33px;
  color: #fff;
}

#upgradeOffer .awesome {
	width: 300px;
	margin: 2px 0 0 0;
	padding: 8px 0 0 15px;
	text-align: left;
	display: table-cell; /* Fix for Firefox 2 */
	display: inline-block;
	vertical-align: top;
}

#upgradeOffer .awesome p {
	font-size: 13px;
	line-height: 17px;
	margin: 13px 0 0;
}

#upgradeOffer .awesome .headline {
	margin-left: -5px;
	margin-bottom: -15px;
}

body.settings .Fixed div.skybox_ad h2 {
  font-size: 24px;
  margin: 10px 0 8px;
}

/*-------------------------------------------------
CREDIT CARD FIELDSET
-------------------------------------------------*/

body.settings fieldset, body.interstitial fieldset {
  padding: 10px;
  border: 1px solid #666;
  margin: 0 0 20px 0;
}

body.settings fieldset legend, body.interstitial fieldset legend {
  color: #900;
  padding: 0 5px;
  font-size: 12px;
  font-weight: bold;
}

body.settings fieldset legend span, body.interstitial fieldset legend span {
  color: #666;
  font-size: 10px;
  font-weight: normal;
}

body.settings fieldset table td, body.interstitial fieldset table td  {
  font-size: 11px;
  white-space: nowrap;
  color: #333;
  padding-bottom: 5px;
}


/*-------------------------------------------------
DIGEST SUBSCRIPTION IN SIDEBAR
-------------------------------------------------*/

.sidebar .alternative_formats {
  margin: 25px 0 0 0;
}

.closedbox.alternative_formats {
  background: #fff url(../../images/bkd_airmail_stamp.png) no-repeat top right;
}

body.tags .sidebar .alternative_formats {
  margin:0 0 25px;
}

.sidebar .alternative_formats .digest_subscription p {
  padding: 0 0 0 10px;
}


/*-------------------------------------------------
SKYBOX PLANS CHART
-------------------------------------------------*/

div.plan * {
  margin: 0;
  padding: 0;
  line-height: 1em;
}

div.plan {
	float: left;
	width: 250px;
  padding-left: 10px;
  border-left: 1px solid #dcdcdc;
}

div.plan + div.plan {
  margin-left: 20px;
}

div.plans div.action {
	float: left;
	padding-right: 10px;
	height: 140px;
}

div.plan h1 {
	font-size: 20px;
	line-height: 1.2em;
}

div.plan h2 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
}

div.plan h3 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #056b81;
}

div.plan ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

div.plan li {
	font-size: 14px;
	color: #777;
	font-weight: normal;
	margin-bottom: 5px;
}

div.plan li.fine_print {
  font-size: 9px;
}

div.plan li strong {
	font-size: 14px;
  font-size: 16px;
	color: #C33700;
}

div.plan h4 {
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

div.plan ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

div.plan li {
	font-size: 14px;
	color: #777;
	font-weight: normal;
	margin-bottom: 5px;
}


/*-------------------------------------------------
SKYBOX AD
-------------------------------------------------*/

div.skybox_ad {
  background: #ffd956 url(../../images/skybox/ad_background.png) no-repeat left top;
  padding: 10px 20px 7px;
  margin: 15px 0 0;
  width: 266px;
  float: right;
  text-align: left;
}

div.skybox_ad h1 {
	background: #da6c09 url(../../images/skybox/ad_title_background.png) repeat-y left top; 
	color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin: -10px -20px 10px;
  padding: 5px 20px;
  text-align: center;
  text-transform: uppercase;
}

div.skybox_ad p {
  font-size: 12px;
  line-height: 1.3;
  margin: 0 0 12px 0;
}

div.skybox_ad ul,
div.skybox_ad li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.3;
  font-size: 12px;
}

div.skybox_ad ul {
  margin-bottom: 16px;
}

div.skybox_ad ul strong {
  color: black;
  font-size: 14px;
}

div.skybox_ad div.box {/*background: url(../../images/skybox/ad_skybox.png) no-repeat center 20px;*/}
div.skybox_ad a:hover {background: none;}

div.skybox_ad .button {
  overflow: hidden;
}

div.skybox_ad .button a:link,
div.skybox_ad .button a:visited,
div.skybox_ad .button a:active {
	background: url(../../images/skybox/ad_button_sprite.png) no-repeat left -77px;
  color: #FFF;
  display: block;
  float: left;
  font-family: helvetica, arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  height: 33px;    
  white-space: nowrap;
	text-decoration: none;
	padding: 0 0 0 7px;
	margin: 0;
	text-shadow: #31832c 0 0 2px;
	letter-spacing: normal;
}

div.skybox_ad .button a:link span,
div.skybox_ad .button a:visited span,
div.skybox_ad .button a:active span {
	background: url(../../images/skybox/ad_button_sprite.png) no-repeat right 0;
  display: block;
  padding: 0 14px 0 5px;
  line-height: 33px;	
  color: #fff;
}

div.skybox_ad p.footer {
  clear: left;
  font-size: 11px;
  margin: 10px 0 8px 0;
  padding: 0;
  color: #333;
}


/*-------------------------------------------------
IMAGE SPRITES
-------------------------------------------------*/

.sprite {
  height: 0;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0;
  border: none;
  background-repeat: no-repeat;
  background-color: none;
  text-decoration: none !important;
}

div.start_bar {
  margin-top: 27px;
  text-align: center;
  background-color: #fffae7;
  padding: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
  box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

div.start_bar h1 {
  font-size: 20px;
  margin: 0 0 3px 0;
  padding: 0;
}

div.start_bar h1 a.clicked {
  color: #03c; /* default link color */
  background: none;
}

div.start_bar h1 a.clicked:hover {
  color: #fff;
  background: #03b;
}

div.start_bar p {
  margin: 0;
  padding: 0 60px;
  font-size: 12px;
}


/*-------------------------------------------------
EDIT
-------------------------------------------------*/

body.edit_subject div.page_header h1 {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

body.edit_subject div.innercol {
  padding-left: 16px;
  padding-right: 24px;
}

body.edit_subject div#contact_and_permissions_tab,
body.edit_subject div#photo_tab {
  padding-left: 0;
}

body.edit_subject div.contact_forms input,
body.new_party div.contact_forms input {
  padding: 3px;
  margin: 0;
  font-size: 12px;
}

body.edit_subject div.contact_forms div.add a,
body.new_party div.contact_forms div.add a {
  color: #999;
  text-decoration: none;
  display: block;
}

body.edit_subject div.contact_forms div.add a:hover,
body.new_party div.contact_forms div.add a:hover {
  color: #477B96;
  background: none;
}

body.edit_subject div.contact_forms input:focus,
body.edit_subject div.contact_forms input.autofocus,
body.new_party div.contact_forms input:focus,
body.new_party div.contact_forms input.autofocus {
  color: #000;
  font-size: 12px;
  margin: 0;
  padding: 3px;
}

body.edit_subject .person_name span.overlay_wrapper,
body.edit_subject .subject_name span.overlay_wrapper {
  position: relative;
  top: 0;
  left: 0;
  background: white;
}

body.edit_subject .person_name span.overlay_wrapper input,
body.edit_subject .subject_name span.overlay_wrapper input {
  position: relative;
  top: 0;
  z-index: 10;
}

body.edit_subject .person_name span.overlay_wrapper label.overlabel,
body.edit_subject .subject_name span.overlay_wrapper label.overlabel {
  position: absolute;
  top: -2px;
  left: 4px;
  z-index: 1;
  color: #999 !important;
}

body.edit_subject .person_name span.overlay_wrapper label.focus,
body.edit_subject .subject_name span.overlay_wrapper label.focus {
  color: #ccc !important;
}

body.edit_subject textarea.autofocus,
body.new_party div.contact_forms textarea.autofocus {
  color: #000;
  font-size: 12px;
  margin: 0;
  padding: 1px;
  height: 51px;
}


body.edit_subject div.avatar_and_attributes {
  overflow: hidden;
}

body.edit_subject div.avatar {
  width: 55px;
  float: left;
  text-align: center;
  padding: 12px 14px;
  background: #efefef;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

body.edit_subject div.avatar div.link_to_change {
  margin-top: 1px;
}

body.edit_subject div.avatar div.link_to_change a {
  font-size: 11px;
}

body.edit_subject div.main_attributes {
  margin-left: 105px;
}

body.edit_subject div.main_attributes table.contact_types,
body.new_party table.contact_types {
  width: 100%;
}

body.edit_subject div.main_attributes th,
body.new_party table.contact_types th {
  text-align: left;
  vertical-align: top;
  padding: 13px 0 0;
  border-bottom: 1px solid #ededed;
  width: 1%;
  white-space: nowrap;
  min-width: 95px;
}

body.edit_subject div.main_attributes td,
body.new_party table.contact_types td {
  padding: 6px 0 3px;
  border-bottom: 1px solid #ededed;
  width: 100%;
  vertical-align: top;
}

body.new_party .primary_fields table.contact_types th,
body.new_party .primary_fields table.contact_types td {
  border-bottom: none;
}

body.edit_subject div.main_attributes div.contact_method,
body.new_party div.contact_method {
  min-height: 20px;
}

body.new_party div.page_header div.contact_method {
  min-height: 29px;
}

body.edit_subject div.main_attributes div.addresses div.contact_method,
body.new_party div.addresses div.contact_method,
body.new_party div.background div.contact_method {
  height: auto;
}

body.edit_subject div.main_attributes input,
body.new_party table.contact_types input {  
  width: 46%;  
}

body.edit_subject div.avatar_and_attributes div.main_attributes p#choose_photo input {
  width: auto;
  font-size: 12px;
}

body.edit_subject div.main_attributes div.contact_forms,
body.new_party div.contact_forms {
  border: none;
  padding: 3px 0;
}

body.edit_subject div.main_attributes table.contact_types td .location_type,
body.new_party table.contact_types td .location_type {
  float: right;
  white-space: nowrap;
}

body.edit_subject div.main_attributes th h2,
body.new_party table.contact_types th h2 {
  margin: 0 12px 0 0;
  padding-bottom: 13px;
  font-size: 12px;
}

body.edit_subject div.main_attributes tr.company h2 {
  padding-bottom: 30px;
}

body.edit_subject div.main_attributes tr.person_name td {
  padding-bottom: 15px;
}

body.new_party table.contact_types tr.name th h2 {
  font-size: 14px;
}

body.edit_subject div.main_attributes tr.subject_name input,
body.edit_subject div.main_attributes tr.person_name input {
  font-size: 18px;
  font-weight: bold;
  width: 70%;
}

body.edit_subject div.main_attributes tr.person_name input {
  width: 36%;
}

body.edit_subject div.main_attributes tr.subject_name td,
body.edit_subject div.main_attributes tr.person_name td {
  border: none;
  padding-left: 0;
}

body.edit_subject div.main_attributes tr.title td,
body.edit_subject div.main_attributes tr.title th {
  border: none; 
}

body.edit_subject div.main_attributes tr.company td,
body.edit_subject div.main_attributes tr.company th {
  border-bottom: 2px solid #e6e6e6;
}

body.edit_subject div.main_attributes tr.company input,
body.edit_subject div.main_attributes tr.title input {
  width: 70%;
}

body.edit_subject div.main_attributes tr.company td,
body.edit_subject div.main_attributes tr.company td div.contact_forms {
  padding-top: 0;
}

body.edit_subject div.main_attributes tr.company td {
  
}

body.edit_subject div.main_attributes tr.company th {
  padding-top: 5px; 
}

body.edit_subject div.main_attributes tr.title td {
  padding-bottom: 0;
}

body.edit_subject div.edit_section {
  margin-left: 105px;
}

.edit div.edit_tab div.edit_section h2 {
  font-size: 14px;
}

body.new_party div.edit_section div.form_section {
  padding-left: 0;
}

body.new_party div.edit_section {
  margin-left: 0;
}

body.edit_subject div.submit {
  border-top: 2px solid #999;
  padding: 10px 0 0 0;
  margin: 30px 0 0 105px;
}

body.edit_subject div#user_account_tab div.submit,
body.edit_subject div#task_reminders_tab div.submit {
  margin-top: 30px;
}

body.edit_subject tr.edit_phone input,
body.new_party tr.edit_phone input {
  width: 46%;
}

body.edit_subject a.remove,
body.new_party table.contact_types a.remove {
  width: 20px;
  height: 20px;
  display: table-cell;
  display: inline-block;  
  text-decoration: none;
  text-indent: -9999px;
  background: url(../../images/highrise_sprites.png) no-repeat -560px -127px;
  vertical-align: top;
}

body.edit_subject a.remove:hover,
body.new_party table.contact_types a.remove:hover {
  background-position: -560px -149px;
}

body.edit_subject div.blank_slate,
body.new_party table.contact_types div.blank_slate {
  color: #999;
  cursor: pointer;
  padding: 1px;
  margin: 4px 0 5px;
  font-size: 12px;
}

body.confirm_change div.submit {
  padding: 30px 0 0 0;
  font-size: 11px;
}

body.confirm_change div.submit form {
  display: inline;
}

/* Custom fields and social network inputs within subject forms */

form.subject .section {
  font-size: 12px;
  line-height: 18px;
  margin: 24px 0;
}

form.edit.subject .section {
  margin-left: 105px;
}

form.subject .section > .section_header {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}

form.subject .section > .section_header a {
  position: absolute;
  right: 0px;
  bottom: 0px;
  color: #999;
}

form.subject .section > .section_header h1 {
  font-size: 12px;
  color: #999;
  font-weight: normal;
}

form.subject .section tr > * {
  border-bottom: 1px solid #e6e6e6;
}

form.subject .section th {
  min-width: 86px;
  width: 1%;
  padding: 12px 9px 0px 0px;
  vertical-align: top;
  word-break: break-word;
}

form.subject .section td {
  width: 99%;
  padding: 9px 0px 0px;
}

form.subject .section .overlay_wrapper {
  position: relative;
}

form.subject .section .overlay_wrapper .overlabel {
  position: absolute;
  top: 0px;
  left: 4px;
  color: #999 !important;
}

form.subject .section input {
  font-size: 12px;
  padding: 2px;
  width: 70%;
  margin: 0px 0px 8px;
}

form.subject .section .invalid input {
  border: 2px solid #FF8000;
}

form.subject .section .help {
  font-size: 12px;
  line-height: 15px;
  margin: -2px 0px 8px;
  color: #E05E00;
}

form.subject .section .help strong {
  color: black;
}

/* Background section within subject forms */

form .background.edit_section {
  margin: 24px 0px;
}

form .background.edit_section h5 {
  margin: 0px 0px 3px;
}

form .background.edit_section h5 span {
  color: #999;
  font-weight: normal;
}

form .background.edit_section textarea {
  font-size: 12px;
  height: 90px;
}

/* Visibility section within subject forms */

form .visibility.edit_section {
  margin: 18px 0px;
}

form .visibility.edit_section h5 {
  margin: 0px 0px 3px;
}

/*-------------------------------------------------
EDIT AVATAR
-------------------------------------------------*/

div#photo_tab div.actions h2 {
  margin-top: 0;
}

div#photo_tab div.actions div.change,
div#photo_tab div.actions div.remove {
  padding: 0;
  border-bottom: 1px solid #ddd;
}

div#photo_tab div.actions div.remove a.grey {color: #777;}

div#photo_tab div.actions div.cancel p,
div#photo_tab div.actions div.remove p {
  margin: 0;
  padding: 10px 0;
  font-size: 12px;
}

div#photo_tab div.actions div.cancel p {
  font-size: 11px;
}

/*-------------------------------------------------
SUBJECT SHOW
-------------------------------------------------*/

#subject_header_details {
  width: 100%;
}

#subject_header_details div.liner {
  padding: 24px 15px 24px 30px;
}

table.subject_header td.info {
  vertical-align: top;
  min-width: 250px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 1px solid #efefef;
}

table.subject_header td.info li {
  line-height: 20px;
  white-space: nowrap;
  font-size: 11px;
  color: #222;
  background: transparent url('../../images/subject_header_sprite.png') no-repeat scroll left 1px;
  padding-left: 22px;
}

table.subject_header td.info li.email { background-position: left -25px; }
table.subject_header td.info li.weather { background-position: left -51px; }

table.subject_header td.info li span {
  font-size: 10px;
  color: #888;
}

table.subject_header td.info .invitation_to_edit {
  font-size: 12px;
  line-height: 20px;
}

table.subject_header td.info .invitation_to_edit .link_to.edit {
  color: red;
}

#page_subject_wrapper > .invitation_to_edit {
  position: absolute;
  top: 18px;
  right: 18px;
  font-size: 12px;
  line-height: 18px;
}

#page_subject_wrapper > .invitation_to_edit .link_to.edit {
  color: red;
}

#subject_header_details table.subject_header td.name {
  padding-right: 15px;
}

body.subject #page {
  padding-top: 0;
}

body.subject div.page_header {
  padding: 0;
  background: rgb(241,245,250); background: hsl(208, 40%, 96%);
}

body.subject div.page_header h1 {
  font-size: 22px;
  color: inherit;
  font-weight: bold;
}

body.subject div.sidebox_wrapper {
  background-color: transparent;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-left: 1px solid #efefef;
  margin-top: 0;
  margin-bottom: 15px;
}

body.subject div.sidebox_wrapper > .liner {
  padding: 27px 0 0 30px;
}

body.subject div.page_divider {
  border: none;
  background-color: transparent;
  padding-bottom: 0;
  padding-top: 20px;
}

/*-------------------------------------------------
DEAL UPGRADE NOTICE
-------------------------------------------------*/

body.subject .Right div.upgrade h1 {
  font-size: 12px;
  margin-bottom: 5px;
  color: #900;
}

body.subject .Right div.upgrade h2 {
  display: none;
}

body.subject .Right div.upgrade p {
  font-size: 11px;
  line-height: 1.3em;
}
 
/*-------------------------------------------------
EMAIL DROPBOX IN PAGE HEADER
-------------------------------------------------*/

#page_header div.email_dropbox div.liner {
  padding: 5px 30px 5px;
  border-top: 1px solid #DADEE5;
}

#page_header div.email_dropbox div.liner p {margin: 0 0 1px;}

#page_header div.email_dropbox small,
#page_header div.email_dropbox small a {
  color: #666;
}

/* Invitation to change subject in sidebar of party pages */

.invitation_to_change_subject {
  font-size: 12px;
  padding: 15px 0px;
}

.invitation_to_change_subject .link_to.change {
  color: red;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.tags div.page_header span.sprite {margin-top: 0;}

body.tags div.recent_tags {
  width: 40%;
  float: left;
}

body.tags div.recent_tags div.inner {
  border-right: 1px solid #ECF2FD;
  margin: 0 20px 20px 0;
}

body.tags div.recent_tags div.inner img {
  vertical-align: middle;
}

body.tags div.indented_tags_list {
  margin-left: 40%;
}

body.tags div.recent_tags h2,
body.tags div.tags_list h2 {
  margin-top: 0;
}

body.tags .tag_stream_toggle {
  font-size: 13px;
  line-height: 18px;
  padding: 15px 0px;
  zoom: 1;
}

body.tags #recordings {
  border-top:1px solid #ddd;
  margin: 0px;
  zoom: 1;
}

body.tags .invitation_to_delete {
  position: absolute;
  top: 18px;
  right: 15px;
  font-size: 11px;
}

body.tags .invitation_to_delete .link_to_start_deletion {
  cursor: pointer;
  color: black;
  text-decoration: underline;
}

/* Deleting a tag */

body.tags .tag_deletion_activity {
  border-top: 1px solid red;
  background: #ffC;
  margin: 15px -30px -15px;
  padding: 15px 30px;
  font-size: 13px;
  line-height: 18px;
}

body.tags .tag_deletion_activity h1 {
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
}

body.tags .tag_deletion_activity p {
  margin: 0px;
}

body.tags .tag_deletion_activity form {
  margin: 0px;
  padding-top: 9px;
}

body.tags .tag_deletion_activity form .alt {
  font-size: 11px;
}

body.tags .tag_deletion_activity form .link_to_stop {
  cursor: pointer;
  text-decoration: underline;
}

/*-------------------------------------------------
LIST FOR A SUBJECT
-------------------------------------------------*/

div.tags div.list {
  margin-top: 6px;
  font-size: 10px;
  color: #666;
}

div.tags div.list img.tag {
  width: 15px;
  height: 16px;
  vertical-align: middle;
  margin-right: 2px;
}

div.tags div.list a {
  color: #333;
  white-space: nowrap;
}

div.tags div.list a:hover {
  color: #000;
}

div.tags div.list span.edit {
  color: #ccc;
}

div.tags div.list span.edit a {
  color: #777;
  padding: 1px;
}

div.tags div.list span.edit a:hover {
  color: #fff;
  background: #666;
  text-decoration: none;
}

/*-------------------------------------------------
EDIT
-------------------------------------------------*/

div.tags div.edit {
  border: 1px solid #dedede;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f7f7f7;
  padding: 5px 10px 10px 10px;
  margin: 10px 0 0 0;
  color: #666;
  min-width: 350px;
}

div.tags div.edit div.list#deletable_tags span {
  display: inline;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 2px 4px 2px 0;
  font-size: 10px;
  text-decoration: none;
  margin-right: 3px;
}

div.tags div.edit div.list#deletable_tags em {
  font-style: normal;
}

div.tags div.edit div.list#deletable_tags span a {
  background: url(../../images/bkd_filter_close.2.png) no-repeat scroll 6px center;
  padding-left: 16px;
}

div.tags div.edit div.list#deletable_tags span a.busy {
  background: url(../../images/dots-white.gif) no-repeat 6px center;
}

div.tags div.edit div.list#deletable_tags span a.busy em {
  visibility: hidden;
}

div.tags div.edit div.list#deletable_tags a.image span.sprite {
  display: none;
  vertical-align: top;
  margin-top: 3px;
}

div.tags div.edit span.header {
  color: #333;
  font-size: 11px;
  display: block;
  padding-bottom: 4px;
}

div.tags div.edit div.list#deletable_tags {
  padding-top: 0;
  margin-bottom: 10px;
}

div.tags div.edit div.empty#deletable_tags {
  display: none;
}

div.tags div.edit a.tag {
  /* ../../images/tags/icon.gif */
  background: url(../../images/highrise_sprites.png) no-repeat 571px 1px;
  padding: 0 0 2px 18px;
  font-size: 13px;
  margin-right: 8px;
  text-decoration: none;
}

div.tags div.edit form input,
div.tags div.edit p.submit {
  vertical-align: middle;
  display: inline;
}

div.tags div.edit p.submit {
  font-size: 11px;
}

div.tags div.edit input#new_tag_name {
  width: 100px;
}

div.tags div.edit p.submit {
  padding: 0;
}

div.tags div.edit p.submit span {
  color: #666;
}

div.tags div.edit p.submit input {
  vertical-align: middle;
}

div#tag_name_editor input[type="text"] {
  width: 200px;
}

div#tag_name_editor span {
  font-size: 11px;
  color: #666;
}


/*-------------------------------------------------
SIDEBAR INDEX
-------------------------------------------------*/

/* MODULE: Tag List
------------------------------------*/

dl.tags_list {
    color: #999;
    font-size: 12px;
    line-height: 1.4em;
}

dl.tags_list dt {
    float: left;
    margin-right: 12px;
    min-height: 100%;
    text-align: center;
    width: 15px;
    color: #007fc3;
    line-height: 1.4em;
}

dl.tags_list dd {
    border-bottom: 1px solid #ededed;
    display: block;
    margin-bottom: 5px;
}

dl.tags_list dd span {
    display: block;
    margin-left: 27px;
    line-height: 1.4em;
    margin-bottom: 7px;
}

div.Right div#tags_combination_tip p {
  font-size: 11px;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
}


/*-------------------------------------------------
EXPORT
-------------------------------------------------*/

body.tags div#export_contacts_link {
  font-size: 12px;
  line-height: 22px;
  margin: 8px 0 25px 7px;
  color: #999;
}

body.tags div#export_contacts_link img {
  height: 16px;
  vertical-align: middle;
  width: 16px;
}

/*-------------------------------------------------
SHOW
-------------------------------------------------*/

body.tags #page_filter_options p {
  float: none;
}

body.tags #page_filter.simple {
  margin-bottom: 20px;
}

body.tags div.pagination_header {
  margin-top:-10px;
}

body.tags div.tags_header p {
  font-size: 13px;
}

body.tags div#tag_name_editor form.busy {
  background: none;
}

body.tags div#tag_name_editor form.busy * {
  visibility: visible;
}

body.tags div#tag_name_editor form.busy span.submit {
  background: url(../../images/dots-white.gif) no-repeat left center;
}

body.tags div#tag_name_editor form.busy span.submit * {
  visibility: hidden;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.tasks div.page_header form.filter {
  font-size: 11px;
  margin-top: 5px;
}

body.tasks div.page_header span.other_indexes  {
  width: 235px;
  color: #ccc;
  padding-top: 4px;
}

body.tasks div.page_header span.other_indexes a.current,
body.tasks div.page_header span.other_indexes a.current:hover {
  color: #000;
  text-decoration: none;
  background: none;
  font-weight: bold;
}

body.tasks div.page_header select {
  max-width: 100px;
}

body.tasks div.Left div.col,
body.tasks div.Left div.bottom {
  margin-left: 15px;
}

body.tasks div.frames h5 {
  display: none;
}

div.task {
  clear: both;
  padding: 3px 0;
  margin: 0;
  z-index: -1;
}

div.sidebox div.task {padding: 0 0 4px 0;}

div.task div.checkbox {
  text-align: right;
  float: left;
  padding: 2px 5px 0 0;
}

div.completed_task div.checkbox span.sprite {
  margin-top: 1px;
  margin-left: 2px;
}

div.task div.body {
  margin-left: 18px;
  word-wrap: break-word;
}

body.tasks div.task div.body {
  font-size: 14px;
}

body.tasks div.frames h6 {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 4px;
}

.sidebox div.task div.body {
  line-height: 1.3em;
  font-size: 11px;
}

.sidebox div.frame {
  margin: 0;
}

.sidebox div.frame {
  margin-top: 10px;
}

div.task div.body span.category {
  background: #000;
  color: #fff;
  margin-right: 1px;
  padding: 2px 4px;
  vertical-align: top;
  display: inline-block;
  font-size: 9px;
  line-height: 11px;
}

div.task div.body a.edit_categories {
  white-space: nowrap;
}

div.task div.body span.attached_to {
  color: #999;
}

div.task div.body span.attached_to a {
  padding: 0;
  word-wrap: break-word;
}

div.task div.body span.attached_to span {
  color: #333;
}

div.task.done span {
  text-decoration: line-through;
}

div.did_you_know_footer {
  margin-top: 35px;
  font-size: 11px;
  border-top: 1px dotted #ccc;
  padding-top: 10px;
}

div.ical_link {
  margin-top: 10px;
  font-size: 11px;
  line-height: 140%;
}

/*-------------------------------------------------
SUBJECT & DASHBOARD TASKS
-------------------------------------------------*/

body.subject div.subject_tasks {
  padding: 10px 0;
}

body.overview div.frames div.balloon h5 {
  display: block;
}

body.overview div.task_box {
  margin-top: 1.0em;
}

body.overview div.task_box_blank {
  margin-bottom: 1.0em;
}

/*-------------------------------------------------
BLANK/EMPTY SLATES
-------------------------------------------------*/

body.tasks div.empty_slate,
body.empty div.frames div.frame  {
  display: none;
}

body.empty div.empty_slate {display: block;}

body.empty div.empty_slate h1 {
  font-size: 16px;
  margin: 15px 0 5px;
}

body.empty div.empty_slate p {
  font-size: 13px;
  margin: 0 0 25px;
}

/*-------------------------------------------------
EDIT TASK BALLOON
-------------------------------------------------*/

div.balloon_edit_task {
  position: relative;
  width: 300px;
  left: -156px;
  top: 20px;
}

div.sidebox div.task.edit_task {
  padding: 0;
}

div.balloon_edit_task div.edit_task {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

div.balloon_edit_task div.balloon_pointer {
  height: auto;
  top: -22px;
}

/* tasks tab */
body.tasks div.balloon_edit_task {
  left: -36px;
  top:  20px;
}

/* sidebar */
#page_sidebar div.balloon_edit_task,
#page_sidebar div.balloon_new_task {
  position: relative;
  width: 274px;
  left: -290px;
  top:  -90px;
}

#page_sidebar div.balloon_edit_task div.balloon_wrapper{width: 274px;}

#page_sidebar div.balloon_edit_task div.balloon_pointer {
  height: 24px;
  width: 10px;
  position: absolute;
  right: -10px;
  top: 55px;
}

#page_sidebar div.balloon_edit_task div.balloon_arrow,
#page_sidebar div.balloon_edit_task div.balloon_arrow_border {
  font-size: 0px; line-height: 0%; width: 0px;
  border-color: transparent transparent transparent #fffff7;
  border-style: solid;
  border-width: 12px;
  z-index: 1002;
  left: 0;
  top: 0;
  position: absolute;
  margin: 0;
}

#page_sidebar div.balloon_edit_task div.balloon_arrow_border {
  border-color: transparent transparent transparent #cecec8;
  border-style: solid;
  border-width: 12px;
  z-index: 1001;
  left: 2px;
}

#page_sidebar div.balloon_edit_task h5 {border: none;}

/*-------------------------------------------------
EDIT
-------------------------------------------------*/

div.edit_task div.move_to {
  font-size: 11px;
  margin: 0 0 8px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #d6d6d6;
}

div.edit_task div.move_to strong {color: #777; display: block;}
.sidebox div.edit_task div.move_to strong {display: block;}

.sidebox div.edit_task div.move_to span {
  font-size: 10px;
  white-space: nowrap;
}

div.edit_task {
  background: #fffff7;
  margin: 8px 0;
  padding: 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.frame div.edit_task,
.frame div.edit_task > div.inner {
  background: none;
  border: none;
  padding: 0;
}

/*-------------------------------------------------
FOLLOWUP TASK
-------------------------------------------------*/

div.new_followup_task {
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  margin: 5px 0 10px 0;
  background: #fffae7;
  padding: 3px 12px;
  font-size: 11px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

div.new_followup_task div.edit_task h3 {
  margin-top: 0;
}

div.edit_task h2 {
  font-size: 11px;
  margin: -5px 0 15px 0;
  font-weight: normal;
  color: #777;
}

div.new_followup_task_link {color: #666;}
div.new_followup_task_link a {color: #000;}
div.stream div.new_followup_task {margin-left: 10px;}
div.new_followup_task div.new_followup_task_link {padding: 2px 0;}

div.new_followup_task_link a.close_new_followup_task {
  float: right;
  width: 65px;
  font-size: 10px;
  padding: 0;
  text-align: right;
  text-decoration: none;
  color: #666;
}

div.new_followup_task_link a.close_new_followup_task:hover {
  background: none;
  color: #000;
}

div.new_followup_task div.new_task div.busy {
  background: none;
}

/*-------------------------------------------------
NEW
-------------------------------------------------*/

.new_task {
  background: transparent;
}

.new_task div.task div.body {
  margin: 0;
}

div.button_to_add_new a#add_a_task img {
  width: 114px;
}

div.button_to_add_new a#add_a_task.pressed {
  background-image: url(../../images/tasks/add_a_task-pressed.gif);
  width: 114px;
}

.new_task p.task_body span {
  display: block;
  margin-bottom: 2px;
  font-size: 10px;
  line-height: 14px;
}

.new_task p.task_body a {
  color: #666;
}

.new_task p.task_body input {
  color: #000;
  font-size: 14px;
}

.new_task p,
.sidebar_form .new_task p {
  font-size: 12px;
  margin: 0 0 5px 0;
}

.new_task h1 span {
  font-size: 12px;
  font-weight: normal;
}

.new_task h1 select {
  vertical-align: top;
}

.new_task p.task_body {
  margin-top: 0px;
}

.new_task select {
  font-size: 14px;
}

.new_task p,
.sidebar_form .new_task p {
  font-size: 11px;
  margin: 0 0 8px 0;
}

.new_task div.set_time span.remove_time {
  white-space: nowrap;
}

.sidebar_form .new_task div.set_time span.remove_time {
  display: block;
  margin-left: 5px;
}

/*-------------------------------------------------
GLOBAL NEW TASK BALLOON
-------------------------------------------------*/

#balloon_new_task {
  width: 260px;
}

#page_sidebar #balloon_new_task_per_page {
  top: -75px !important;
}

.rightside div.balloon {
  position: relative;
  left: -85px;
  top:  12px;
}

#page_filter .task_button div.balloon {
  left: -44px;
  margin-top: 4px;
}

#page_filter .task_button div.balloon_arrow,
#page_filter .task_button div.balloon_arrow_border {
  left: 0;
  margin-left: 115px;
}

#global_sidebar div.balloon {
  left: -25px;
  margin-top: 4px;
}

#global_sidebar div.balloon_arrow,
#global_sidebar div.balloon_arrow_border {
  margin-left: 28px;
}

div.balloon div.new_task p,
div.new_task p {
  font-size: 10px;
  margin: 0px 0px 12px;
}

div.balloon div.new_task h3,
div.edit_task h3 {
  font-size: 12px;
  margin: 15px 0 5px 0;
}

div.balloon div.new_task h5,
div.edit_task h5 {
  color: #222;
  font-size: 10px;
  font-weight: normal;
  margin: 0px 0px 3px;
  text-transform: none;
  display: block !important;
  border: none !important;
}

div.balloon div.submit,
div.new_task div.submit {
  border-top: 2px solid #999;
  margin-top: 20px;
  padding-top: 10px;
}

div.balloon div.new_task div.pager {
  padding: 0;
  border: none;
}

div.balloon div.new_task .calendar_date_select a {
  border: none !important;
}

/*-------------------------------------------------
REMINDER CALENDAR PICKER
-------------------------------------------------*/

.new_task div.set_day_and_time {
  background: #fff;
  margin: 0 0 10px 0;
  border: 1px solid #c0d1ec;
}

.new_task div.set_day_and_time .inner {
  padding: 0 10px 10px 15px;
}

body.tasks .edit_task div.set_day_and_time {
  width: 300px;
}

.new_task .calendar_date_select {
  width: auto;
}

.new_task .calendar_date_select div.body table,
.new_task .calendar_date_select .header .pager,
.new_task p.task_body input,
.new_task .set_day_and_time .set_task_time {
  width: 97%;
}

.new_task .set_day_and_time .set_task_time {
  text-align: center;
}

.edit_task .calendar_date_select div.body {
  margin-left: 0;
}

.calendar_date_select td a {
  font-size: 12px;
}

.new_task .calendar_date_select .header .pager a {
  display: inline;
  font-weight: normal;
}

.new_task .calendar_date_select .header .pager {
  white-space: nowrap;
}

/*-------------------------------------------------
FRAMES
-------------------------------------------------*/

div.frames div.empty {
  display: none;
}

div.frames div.overdue h6 {
  color: red;
}

div.frame {
  margin-bottom: 15px;
}


div.sidebox div.frame {
  margin-bottom: 5px;
}

/*-------------------------------------------------
INDICATOR
-------------------------------------------------*/

/* Indicator for creating or updating a task */
div.new_task form.busy,
div.edit_task form.busy {
  background: none;
}

div.new_task form.busy *,
div.edit_task form.busy * {
  visibility: visible;
}

div.new_task form.busy a.busy span,
div.edit_task form.busy a.busy span {
  visibility: hidden;
}

div.new_task form.busy div.submit,
div.edit_task form.busy div.submit {
  background: transparent url(../../images/dots-white.gif) no-repeat left center;
}

div.new_task form.busy div.submit *,
div.edit_task form.busy div.submit * {
  visibility: hidden;
}

/* Indicator for completing a task */

div.show_task div.busy {
  background: none;
}

div.show_task div.busy * {
  visibility: visible;
}

div.show_task div.busy div.nubbin {
  display: none;
}

div.show_task div.busy div.body span {
  text-decoration: line-through;
}

/* Indicator for editing or deleting a task */

div.frame div.busy div.show_task,
div.frame div.busy div.show_task * {
  visibility: visible;
}

div.frames div.frame div.busy {
  background: transparent;
}

div.frame div.busy div.show_task div.nubbin {
  display: block;
}

div.frame div.busy div.show_task div.nubbin ul {
  background: url(../../images/dots-white.gif) no-repeat center;
  height: 13px;
  width: 45px;
}

div.frame div.busy div.show_task div.nubbin ul li {
  display: none;
}

/* Indicator for deleting a completed task */

body.completed div.frame div.busy {
  margin-left: 7px;
}

/*-------------------------------------------------
SPECIFIC DATE/TIME
-------------------------------------------------*/

div.task_form div.set_day_and_time {
  display: none;
}

div.task_form div.specific div.set_day_and_time {
  display: block;
}

div.task_form div.specific span.link_to_set_day_and_time {
  display: none;
}

/*-------------------------------------------------
TASK FLASH
-------------------------------------------------*/

#task_flash {
  background-color: #222;
	opacity: 0.9;
  position: absolute;
  width: 300px;
	color: #fff;
  left: 50%;
  margin-left: -100px;
  top: 20%;
  z-index: 1000;
	padding: 20px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 3px 25px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 6px;
}

#task_flash .inner_task_flash {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 10px;
}

#task_flash .inner_task_flash a {
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  padding: 5px 0 0 0;
	color: #fff;
}

/*-------------------------------------------------
TASK ICALENDAR SUBSCRIPTION
-------------------------------------------------*/

body.task_subscription p.back_to_calendar {
  font-size: 14px;
}

body.task_subscription p.back_to_calendar a {
  text-decoration: none;
}

body.task_subscription p.explanation {
  margin: 0;
}

body.task_subscription h2 {
  margin: 0 0 5px 0;
}

body.task_subscription p.reset_notice {
  color: #090;
  font-size: 14px;
  line-height: 140%;
  margin: 0 0 -10px 0;
}

body.task_subscription table {
  width: 100%;
  margin: 25px 0 35px 0;
  border-collapse: collapse;
}

body.task_subscription table td {
  padding: 3px 10px 3px 3px;
  border-top: 1px solid #ddd;
  overflow: hidden;
}

body.task_subscription table td.name {
  font-size: 14px;
}

body.task_subscription span.swatch {
  padding: 0px 10px;
  font-size: 11px;
  margin-right: 3px;
  background: #009;
}

body.task_subscription div.warning {
  background: #fffae7;
  width: 80%;
  margin: 15px auto;
  border: 1px solid #e5e3b3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

body.task_subscription div.warning div.inner {
  padding: 10px;
}

body.task_subscription div.warning p {
  margin: 0;
}

body.task_subscription div.warning p.api_note {
  margin-top: 10px;
}

body.task_subscription div.warning p a {
  color: red;
}

body.task_subscription div.warning p a:hover {
  color: white;
  background: red;
}

body.task_subscription div.warning p a.busy:hover {
  background: url(../../images/dots-white.gif) no-repeat center center;
}

body.task_subscription div.feed_link {
  text-align: center;
  margin: 20px 0 25px 0;
}

body.task_subscription div.feed_link p {
  font-size: 14px;
  line-height: 160%;
}

/*-------------------------------------------------
PLACEHOLDER LOADING INDICATOR
-------------------------------------------------*/

div.new_task_wrapper div.placeholder {
  height: 16px;
  margin: 0 10px;
  background: url(../../images/dots-white.gif) no-repeat left center;
}


.Right div.tweets ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.Right div.tweets li {
  margin: 0 0 10px 0;
  line-height: 1.4em;
  font-size: 11px;
}

.Right div.tweets li a {
  color: #333;
}

.Right div.tweets li a:hover {
  color: #477B96;
}

.Right div.tweets li a.created_at {
  font-size: 9px;
  color: #555;
}

.Right div.tweets li a.created_at:hover {
  color: #477B96;
}

.Right div.tweets a.username {
  text-decoration: none;
}

/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.users.no_sidebar #wrapper {
  max-width: 980px;
  min-width: 800px;
  width: auto;
}

body.users h1.index span {
  font-weight: normal;
  color: #999;
}

body.users div.skybox_user_links {
  margin: 8px 0 0 0;
}

body.users div.skybox_user_links p {
  margin: 0;
}

body.users div.skybox_user_links p + p {
  margin-top: 3px;
}

body.users div.skybox_user_links a {
  color: red;
}

body.users div.skybox_user_links a:hover {
  color: white;
  background: red;
}

body.users h1.index span span {
  color: #666;
}

body.users h2 {
  font-size: 11px;
}

body.users div.page_header,
body.users div#page_filter {
  margin: 0;
}

body.users h2.groups a {font-size: 11px;}
body.users h2 a:hover {color: #fff;}

div.ways_to_create_users {
  padding: 5px 10px 7px 10px;
  margin: 0 0 15px 0;
}

div.ways_to_create_users p {
  font-size: 14px;
  margin: 7px 0;
}

div.header_links {
  float: right;
  width: 115px;
  font-size: 11px;
  text-align: right;
  color: #ccc;
  line-height: 17px;
}

div.header_links a.active:link,
div.header_links a.active:visited,
div.header_links a.active:hover {
  background: #999;
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

body.users div.skybox {
  overflow: hidden;
}

body.users div.skybox p {
  padding: 10px;
  background-color: #e9e9e9;
  margin: 0;
}

body.users div.skybox p a {
  color: red;
}

body.users div.skybox p a:hover {
  background-color: red;
  color: #fff;
}

table.users {
  border: none;
  border-top: 1px solid #ededed;
  margin: 25px 0;
}

table.users th {
  font-size: 11px;
  text-align: left;
  padding: 3px;
  color: #666;
  font-weight: normal;
  vertical-align: bottom;
}

table.users td {
  padding: 10px;
  vertical-align: top;
}

table.users td.person {
  padding-left: 0;
}

table.users td.edit {
  padding-right: 0;
}

table.users td.person div.avatar_subject h3 span.invited {
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  padding: 1px 2px;
  background: #6b5;
}

table.users td.avatar {
  width: 55px;
}

table.users td.edit a {
  vertical-align: middle;
  line-height: 9px;
}

table.users td.image a {
  background: none;
}

table.users td.person div.avatar_subject div.avatar {
  float: left;
  width: 55px;
}

table.users td.person div.avatar_subject img.avatar,
table.users td.person div.avatar_subject span.avatar {
  margin-bottom: 0;
}

table.users td.admin {
  white-space: nowrap;
  width: 1%;
  padding-top: 0;
  padding-right: 25px;
  font-size: 11px;
  color: #666;
}

table.users td.admin p {
  margin: 0 0 0.3em;
  font-size: 11px;
}

table.users td.skybox {
  width: 50%;
  vertical-align: middle;
  font-size: 12px;
}

table.users td.edit {
  padding-left: 5px;
  white-space: nowrap;
  width: 1%;
  padding-top: 12px;
  font-size: 11px;
  text-align: right;
}

table.users td.trash {
  width: 1%;
  padding-top: 14px;
  padding-left: 4px;
}

table.users td.trash img {
  vertical-align: middle;
}

table.users td.person div.avatar_subject div.avatar img {
  border: 0;
}

table.users div.info h3 {
  color: #000;
  margin-bottom: 3px;
}

table.users div.info h3 a {
  color: inherit;
}

table.users div.info h6 {
  color: #888;
  font-size: 11px;
  line-height: 1.2em;
  margin-bottom: 3px;
}

table.users div.info h6 a {
  color: inherit;
}

table.users div.info em {
  color: #900;
  font-style: normal;
}

table.users div.info p {
  margin: 0 0 2px 0;
  font-size: 12px;
}

table.users div.toggles {
  margin-top: 10px;
}

/*-------------------------------------------------
EDIT
-------------------------------------------------*/

body.edit_user div.page_header {
  padding: 20px 5px 0 30px;
  background: #edf3fe;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e7e7e7'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #f5f5f5), color-stop(1, #e7e7e7)); /* webkit */
  background: -moz-linear-gradient(center top, #f5f5f5 70%, #e7e7e7 100% ); /* firefox 3.6+ */
}

body.edit_user div.page_header h1 {
  font-size: 14px;
  margin: 0;
}

body.edit_user div.page_header p {margin: 0;}
body.edit_user div.visible_edit_tab {padding: 0;}

div.tokens div#show_tokens a {font-size: 10px;}
div.tokens input {width: 375px;}

div.time_settings th,
div.time_settings td {
  vertical-align: top;
  padding: 0 5px;
  font-size: 12px;
}

div.time_settings th {
  text-align: right;
  width: 1%;
  white-space: nowrap;
  padding-right: 10px;
}

div.time_settings label {
  font-size: 12px; 
  margin: 0 0 0.5em; 
  display: block;
}

/*-------------------------------------------------
EDIT IDENTITY
-------------------------------------------------*/

body.edit_identity #wrapper {width: 800px;}
body.edit_identity #wrapper > .liner { padding-left: 0; }
body.edit_identity #Footer { margin-left: 0; }

body.edit_identity table th {
  width: 1%;
  padding-top: 7px !important;
}

body.edit_identity table td {padding-top: 5px;}
body.edit_identity table tr.avatar th {padding-top: 0 !important;}

/*-------------------------------------------------
USER ACCOUNT EDITING TABS
-------------------------------------------------*/

body.edit_user div.tokens code {
  font-size: 13px;
  color: #222;
}

body.edit_user a.disconnect {
  color: red;
}

body.edit_user a.disconnect:hover {
  background: red;
  color: white;
  text-decoration: none;
}

/*-------------------------------------------------
EMAIL DROPBOX
-------------------------------------------------*/

div.dropbox_address {
  margin: 20px 0 20px 0;
  padding: 5px 5px 20px 5px;
  text-align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #ccc;
  background-color: #fcfae1;
}

div.dropbox_address h1 {
  margin-bottom: 25px;
  line-height: 1.4em;
  font-weight: normal;
  font-size: 16px;
}

div.dropbox_address h2 {
  font-size: 14px;
  margin: 12px 0 5px;
}

div.dropbox_address h2 span {
  font-weight: normal;
  font-size: 11px;
}

div.dropbox_address p {margin: 0;}
table.dropbox td {text-align: left;}
table.dropbox td.icon {padding: 10px;}

div.dropbox_vcard {
  margin: 0 10px 10px 10px;
  padding: 0 5px 15px 0;
  overflow: hidden;
}

div.dropbox_vcard span.sprite {
  float: left;
  margin-right: 12px;
}

div.poweruser_tips {
  text-align: left;
  background-color: #eeecd0;
  padding: 15px;
  margin: 0 10px 25px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

div.poweruser_tips p {font-size: 11px; margin: 0 0 1em;}
div.poweruser_tips span {color: #999;}

div.poweruser_tips a {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}

div.poweruser_tips a:hover {
  background: transparent;
  border-bottom: 1px solid #999;
  color: #000;
}

span#generate_dropbox {font-size: 10px;}

p.regenerate_dropboxes {
  margin-top: 14px;
  font-size: 11px;
  text-align: center;
}

body.edit_user div.other_emails {
  background: #f2f2f2;
  padding: 20px 20px 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

body.edit_user div.other_emails input {width: 90%;}
body.edit_user div.other_emails p input {width: auto;}
body.edit_user div.other_emails table {margin-top: 25px;}

body.edit_user div.other_emails table th {
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
  width: 1%;
  padding: 0 0 10px;
}

body.edit_user div.other_emails table td {
  font-size: 12px;
  padding: 0 0 10px 7px;
  white-space: nowrap;
  vertical-align: middle;
}

body.edit_user div.other_emails table p.add_more_addresses {font-size: 11px;}
body.edit_user div.other_emails table p.add_more_addresses a {color: #666;}

body.edit_user div.other_emails table p.add_more_addresses a:hover {
  color: #fff;
  background: #666;
  text-decoration: none;
}


/*-------------------------------------------------
INVITE PEOPLE
-------------------------------------------------*/

body.users div.button_to_add_new img {
  width: 152px;
}

body.users div.button_to_add_new a.pressed {
  background: url(../../images/users/invite_new_users-pressed.gif) top left no-repeat;
  width: 152px;
}

body.users div.swappable p.submit {
  padding: 10px 0 10px 0;
  border: none;
}

/*-------------------------------------------------
EDIT TASK REMINDERS
-------------------------------------------------*/

div#task_reminders_tab {font-size: 13px;}

div#task_reminders_tab h3,
div#user_account_tab h3,
div#email_dropbox_tab h3 {
  font-size: 14px;
  margin-bottom: 5px;
}

div#task_reminders_tab div.mobile_section {
  padding-top: 15px;
  margin: 15px 0 25px;
  border-top: 1px dashed #dfdfdf;
}

div#task_reminders_tab input {width: auto; margin: 3px;}

div#task_reminders_tab p {line-height: 1.4em;}
div#task_reminders_tab p.indent {margin-left: 35px;}


/*-------------------------------------------------
NEW
-------------------------------------------------*/

body.new_user .modal_container div.content {
  margin-left: 0;
}

body.new_user .errors {
  background: #fee;
  border: 2px solid red;
  padding: 5px 10px;
  margin-bottom: 15px;
}

body.new_user .errors h2 {
  font-size: 14px;
  margin: 5px 0 15px 0;
}

body.new_user form input {
  width: 80%;
  background: #f5f5f5;
  color: #000;
}

body.new_user form .submit {
  margin-top: 20px;
  border-top: 3px solid #ccc;
  padding: 10px 0 0 0;
}

body.new_user form p.accept_terms input,
body.new_user form div.submit input {
  width: auto;
}

body.new_user form p.accept_terms {
  font-size: 12px;
}

body.new_user form p {
  font-size: 13px;
  line-height: 1.4em;
  margin: 0 0 5px 0;
}

/*-------------------------------------------------
NEW INVITATIONS
-------------------------------------------------*/

body.new_invitation .innercol {padding-left: 0 !important;}
body.new_invitation .innercol textarea {border: 1px solid;}
body.new_invitation p {width: 95% !important;}


body.new_invitation div.number span {
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
  font-size: 17px;
}

body.welcome .page_header p {
  margin: 0;
  font-size: 11px;
  float: right;
  line-height: 1.8em;
}

body.welcome .blank_slate {
  text-align: center;
  margin: 20px auto;
  width: 100%;
}

body.welcome .other_options h1 {
  font-size: 14px;
  color: #900;
  border-bottom: 1px dotted #ccc;
  padding: 0 0 2px 0;
}

body.welcome .other_options h2 {
  font-size: 14px;
  margin: 15px 0 3px;
}

body.welcome .other_options p {
  margin: 0 0 1em;
  color: #777;
  font-size: 11px;
}


